记react 代理后使用nginx发布到阿里云服务器

2024年4月10日 261次阅读 来源: crawler

近期在搭建自己的简单博客系统，在本地可以前后台分离的运行，但是部署到服务器就总是会404，最后在react官网问答上面找到了答案。
1.react设置了项目代理

package.json
    ...//其他部分省略
    "proxy": "http://www.iamcrawler.cn"

2 npm run build

3.服务器nginx配置：

    server {
    listen       80 ;
    server_name  localhost:4000;
    

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    
    
     location / {
        root   /react/build;
        index  index.htm index.html;
    }

    location /api/ {
        proxy_pass   http://127.0.0.1:4000;
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

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

1.第一个localtion /: 前台地址
2.第二个location /api/ 后台带/api的请求地址

附上原问答地址：http://react-china.org/t/reac…

    原文作者：crawler
    原文地址: https://segmentfault.com/a/1190000015260885
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞