记录一次create-react-app + http-proxy-middleware配置代理部署到Nginx代理无效的解决

tech2025-12-18  5

开发过程中,使用http-proxy-middleware配置代理,发现请求可正常返回数据 setupProxy.js 请求调用: 此时接口正常返回数据,注意请求路径(localhost:3000为系统访问路径): 但将程序打包部署到Nginx上时却发现无法正常访问接口,分析原因如下: 开发程序时,是运行在node环境中,此时使用的是http-proxy-middleware进行代理请求,但是打包部署后并非运行在node环境中,此时需要在Nginx上配置代理,此时是Nginx服务代理请求。 nginx.conf添加以下配置解决了此问题:

location /api { proxy_pass http://localhost:8081; proxy_set_header Host $host:$server_port; }

最新回复(0)