资讯专栏INFORMATION COLUMN

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

tianlai / 1245人阅读

摘要:近期在搭建自己的简单博客系统,在本地可以前后台分离的运行,但是部署到服务器就总是会,最后在官网问答上面找到了答案。设置了项目代理其他部分省略服务器配置第一个前台地址第二个后台带的请求地址附上原问答地址

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/39970.html

相关文章

  • 务器小白的我,是如何成功将 node+mongodb 项目部署在务器上并进行性能优化的

    摘要:前言本文讲解的是做为前端开发人员,对服务器的了解还是小白的我,是如何一步步将项目部署在阿里云的服务器上,并进行性能优化,达到页面秒内看到,秒内看到首屏内容的。搭建的项目是采用了主流的前后端分离思想的,这里只讲服务器环境搭建与性能优化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文讲解的是:做为前...

    zsy888 评论0 收藏0
  • 我的全站https之路

    摘要:网站是自己个人的网站,后台用的服务器用的阿里云的操作系统是。证书证书用的阿里云的云盾证书因为自己服务器就在阿里云,当然最大的原因还是免费。七牛云的图片资源,改后请求不了。 文章地址 背景 很早前就想着升级https,总觉得会很难自己想用nginx但是也没用过不会弄就一直拖着,前两天突然决定搞一下,没想到一天多时间就搞完了,所以人还是要多尝试,有这个想法还没搞的人要赶快动起来啦。这里记录...

    nifhlheimr 评论0 收藏0
  • 我的全站https之路

    摘要:网站是自己个人的网站,后台用的服务器用的阿里云的操作系统是。证书证书用的阿里云的云盾证书因为自己服务器就在阿里云,当然最大的原因还是免费。七牛云的图片资源,改后请求不了。 文章地址 背景 很早前就想着升级https,总觉得会很难自己想用nginx但是也没用过不会弄就一直拖着,前两天突然决定搞一下,没想到一天多时间就搞完了,所以人还是要多尝试,有这个想法还没搞的人要赶快动起来啦。这里记录...

    ispring 评论0 收藏0
  • 我的全站https之路

    摘要:网站是自己个人的网站,后台用的服务器用的阿里云的操作系统是。证书证书用的阿里云的云盾证书因为自己服务器就在阿里云,当然最大的原因还是免费。七牛云的图片资源,改后请求不了。 文章地址 背景 很早前就想着升级https,总觉得会很难自己想用nginx但是也没用过不会弄就一直拖着,前两天突然决定搞一下,没想到一天多时间就搞完了,所以人还是要多尝试,有这个想法还没搞的人要赶快动起来啦。这里记录...

    opengps 评论0 收藏0
  • ubuntu 下部署 node 务器环境 - 基础篇

    写在最前 这是根据 imooc 上 Scott 老师的课程整理的,主要是方便自己查找,因为真的记不住... 附上链接:Node.js项目线上服务器部署与发布 静态网站,需要数据库的电影网站、公众号,小程序,app 五种项目的部署。这里只写最简单的静态网站的部署 部署思路 1、完成项目2、购买域名,备案,解析一些二级域名出来备用3、购买服务器 4、ssh 远程登录服务器 并进行一些安全配置5、服务...

    BoYang 评论0 收藏0

发表评论

0条评论

tianlai

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<