プロダクション用のプロキシアプリケーションを設定するにはどうすればよいですか？

Question

私は別のサーバーで実行されているREST APIを使用するReactアプリケーションを開発しています。今、私はpackage.jsonにプロキシフィールドを追加してプロキシを使用しています。

プロダクションアプリケーションのプロキシを設定して、RESTリクエストを他のサーバーにルーティングできるようにする方法が不思議です。何か案は？

Answer 1

package.jsファイルのプロキシ変数は、開発時にのみ使用されています。私はあなたがcreate-react-app、here is the docを使用していると仮定します。

私の反応アプリですべてのAPIリクエストをルーティングする方法は、Nginxを介してすべてのリクエストをプロキシすることです。もちろん、それは実際に使用しているWebサーバーに依存します。

location/{ 
    try_files $uri $uri/ /index.html; 
    add_header Cache-Control public; 
    expires  1d; 
} 

location /api { 
    proxy_set_header X-Forwarded-Host $host; 
    proxy_set_header X-Forwarded-Server $host; 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_pass http://yourapiserver:port/; 
} 

：あなたはこのようなプロキシのすべての要求をすることができます/ APIエンドポイントへのすべての要求を作っている考慮