Reactjs 如何为生产应用程序设置代理?

Reactjs 如何为生产应用程序设置代理?,reactjs,proxy,Reactjs,Proxy,我正在开发一个React应用程序,它使用在另一台服务器上运行的RESTAPI。现在,在开发中,我通过在package.json中添加proxy字段来使用代理 我想知道如何为生产应用程序配置代理,以便将我的REST请求路由到另一台服务器。有什么想法吗?package.js文件中的代理变量仅用于开发。我假设您正在使用create react应用程序 我在react应用程序中路由所有API请求的方式是通过Nginx代理所有请求。当然,这实际上取决于您使用的web服务器 考虑到您正在向/API端点发出所

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


我想知道如何为生产应用程序配置代理,以便将我的REST请求路由到另一台服务器。有什么想法吗?

package.js文件中的代理变量仅用于开发。我假设您正在使用create react应用程序

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

考虑到您正在向/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/;
}