reactjs - 如何为生产 react 应用程序设置代理？

Question

我正在开发一个 React 应用程序，它使用在另一台服务器上运行的 REST API。现在，在开发中，我通过在 package.json 中添加代理字段来使用代理。

我想知道如何为生产应用程序配置代理，以便我的 REST 请求可以路由到其他服务器。有什么想法吗？

Answer 1

package.js 文件中的代理变量仅在开发中使用。我假设您正在使用 create-react-app，here is the doc .

我在我的 React 应用程序中路由所有 API 请求的方式是通过 Nginx 代理所有请求。当然，这实际上取决于您使用的网络服务器。

考虑到您正在向/API 端点发出所有请求，您可以像这样代理所有请求:

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/;
}