脚本宝典收集整理的这篇文章主要介绍了

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

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

近期在搭建自己的简单博客系统,在本地可以前后台分离的运行,但是部署到服务器就总是会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...

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过