react项目部署nginx服务器

1、打包好你的react本地项目，dist中具有打包好的文件

2、使用shell等工具登录你的linux服务器

3、安装nginx，网上教程一大堆

4、进入/usr/local/nginx/conf/nginx.conf

5、vi nginx.conf

server {listen 8080;# server_name your.domain.com;root /home/root/react-demo;index index.html index.htm;location / {try_files $uri $uri/ /index.html;}location ^~ /assets/ {gzip_static on;expires max;add_header Cache-Control public;}error_page 500 502 503 504 /500.html;client_max_body_size 20M;keepalive_timeout 10;
}
复制代码

6、将本地react项目中的dist里的文件夹上传至/home/root/react-demo中

7、进入/usr/local/nginx/sbin下，输入命令./nginx -t（重启nginx），如果未开启的话可以使用开启命令/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

8、访问你的ip+端口号8080，就可以打开网站了

9、后续的更新代码只需要将/home/root/react-demo中的旧代码删掉，再将打包好的代码上传到/home/root/react-demo中

转载于:https://juejin.im/post/5cde732e51882525d20ead6f

react项目部署nginx服务器相关推荐

发布react项目到linux服务器,react项目部署nginx服务器
1.打包好你的react本地项目,dist中具有打包好的文件 2.使用shell等工具登录你的linux服务器 3.安装nginx,网上教程一大堆 4.进入/usr/local/nginx/conf/ ...
商城项目笔记一：搭建Maven工程，利用Dubbo实现SOA面向服务框架，部署zookeeper注册中心，FastDFS框架实现图片上传，部署nginx服务器。
文章目录 1. 商城项目总结笔记: 1.1. 第一天工作记录:搭建Maven工程 1.2. 第二天工作记录:创建SOA面向服务架构,通过工具类实现分页技术 1.3. 第三天工作记录:部署nginx服务 ...
Flask项目部署云服务器 CentOS7.3+Redis+MySQL+Flask+Nginx+Gunicorn +Supervisorctl
Flask项目部署云服务器 CentOS7.3+Redis+MySQL+Flask+Nginx+Gunicorn +Supervisorctl 项目运行环境阿里云(单核CPU, 2G内存, Cent ...
前端React项目部署
前端react项目部署文档 1.下载phpstudy 小皮面板(phpstudy) - 让天下没有难配的服务器环境! 2.找到配置文件设置-文件位置-nginx-conf 3.修改nginx.con ...
前后端分离项目部署（服务器或本地）
文章目录前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 后端部署(以Springboot项目为例) 补充前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 部署环境 ...
如何将本地python项目部署到服务器上_如何将本地的Django项目部署到云服务器
如何将本地的Django项目部署到云服务器开发环境开发语言: Python 后台框架:Django 前端框架:bootstrap web服务器:nginx wsgi服务器:uwsgi 查看本地项目 ...
如何将项目部署到服务器：从选择服务器到维护应用程序的全流程指南
将项目部署到服务器是一个重要的技能,对于开发人员来说,它是必不可少的.在本文中,我将介绍一些关于如何将项目部署到服务器的最佳实践. 一.选择服务器在部署项目之前,你需要先选择一个适合你的服务器.如果 ...
将Django项目部署到服务器
将Django项目部署到服务器效果准备云服务器服务器链接xshell 安装宝塔进入宝塔添加站点打包本地django文件上传宝塔面板安装python管理器 django配置文件配置数据库 ...
Vue项目部署到服务器(ubuntu)
Vue项目部署到服务器(ubuntu) 工具:WinSCP.PuTTy(可能不是专业的工具,是本人上操作系统的课用到的软件,直接用来部署了) 打包项目,npm run build 执行npm run ...

react项目部署nginx服务器

react项目部署nginx服务器相关推荐

最新文章

热门文章