react 代理部署后，访问404

Question

问题描述：
1.react在package.json里面，实现了动态代理，如下：

 "proxy": "http://www.iamcrawler.cn:4000"

2.本地起来的时候，是可以访问的。
3.使用run build打包后，放到对应目录下，并且配置好nginx映射，nginx映射如下：

server {
    listen       3002 ;
    
    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;

    root /react/build;

    location / {
      try_files  $uri $uri/ /index.html;
    }
    error_page 404 /404.html;
        location = /40x.html {
    }

    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }
         
  
}

4.但是访问服务器www.iamcrawler.cn:3002的时候，页面可以出来，但是接口抛404找不到路径，是不是我nginx配置的有问题？

Answer 1

nginx里面只配置了静态页面的可以通过3002访问，但是并没有配置接口的映射。
假如接口都是通过/api访问的话，那么nginx里面应该增加下列配置

upstream backend {
    server xxx.xxx.xxx.xxx:4000 // 接口的ip和端口地址
}
server {
    ....
    location /api {
       proxy_pass http://backend
    }
}