npm経由でreact.jsを使用し、デベロッパーのASP.NET Web API

Question

私はASP.NET Web APIバックエンドを呼び出すReact.jsフロントエンドを作成しています。クロスサイトスクリプティングの理由から、フロントエンドとバックエンドの両方が同じドメインにホストされている必要があります。

通常はこれで問題はありませんが、react.jsサイトを開発しているときは、フロントエンドを実行するnode/npmコマンドラインでhttp://localhost:3000を実行しています。

しかし、私のバックエンドWeb APIも起動する必要があります。この場合、IIS内でhttp://localhost:5000が実行されます。

react.jsが変更するたびにアプリケーションを再コンパイルするrun.jsが実行されるので、少なくとも開発では、同じドメインとして実行することはできません。もちろん、私がprodで動くとき、私はprod-readyフォーマットにそれを構築できることを知っています。しかし、私は開発のために即座の変更を拾うコンパイル・オン・ザ・フライ機能を使用しました。

どうすればこの問題を回避できますか？ （私は、クロスサイトスクリプティングを無効にしたり、CORSを使用しているとは考えていません。

Answer 1

私は、WebPackの中で、javascriptからのアウトバウンドHTTPリクエストをプロキシする機能を持っていることを知りました.Javascriptは同じドメインを呼び出し、WebpackはリクエストをWeb APIにリダイレクトします。

Webpackプロキシを有効にするには、react.jsアプリケーションフォルダのルートにあるpackage.jsonファイルにこの変更を加えます。

{ 
    "name": "my-app", 
    "version": "0.1.0", 
     ... 
    "proxy": "http://localhost:1000" //Add this line 
}