react上线时如何部署和配置nginx

最新推荐文章于 2024-01-14 21:00:00 发布

前端giao仔

最新推荐文章于 2024-01-14 21:00:00 发布

阅读量644

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/dusehngcsdn/article/details/104980343

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

react上线时如何部署和配置nginx

1.


先在本地安装依赖后打包你的react项目，
我用的react-scripts build，
这样在本地就生成了一个打包好的build.js文件，
然后将此文件压缩上传至你的服务器中解压（eg：我的是/root/）

2.然后配置nginx

首先修改你的nginx.conf的第一行为user root

user root
.......
server {
        listen       8084; #端口
        server_name  47.97.192.239;#你的服务器地址
        location / {
            root   /root/;
			index  index.html index.htm;
            try_files $uri /index.html;
          
 #假设用户访问47.97.192.239:8084/就是寻找/root/文件下的index.html文件(最好将第一步的打包文件放在/root下，这样的打包后的index.html才会被react组件挂载）
 #如果用户访问47.97.192.239:8084/register就是访问react-router的路由地址相对应的组件页面，没有此域名则返回首页
    }