鍍金池/ 問答/Linux  HTML/ react 代理部署后，訪問404

react 代理部署后，訪問404

問題描述：
1.react在package.json里面，實現(xiàn)了動態(tài)代理，如下：

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

2.本地起來的時候，是可以訪問的。
3.使用run build打包后，放到對應(yīng)目錄下，并且配置好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.但是訪問服務(wù)器www.iamcrawler.cn:3002的時候，頁面可以出來，但是接口拋404找不到路徑，是不是我nginx配置的有問題？

回答
編輯回答
撥弦

nginx里面只配置了靜態(tài)頁面的可以通過3002訪問，但是并沒有配置接口的映射。
假如接口都是通過/api訪問的話，那么nginx里面應(yīng)該增加下列配置

upstream backend {
    server xxx.xxx.xxx.xxx:4000 // 接口的ip和端口地址
}
server {
    ....
    location /api {
       proxy_pass http://backend
    }
}
2018年5月5日 00:57