前后端分离的项目部署上线

前后端分离的项目部署上线

前言：因为项目刚刚上线，没有什么用户，所以选择的是单机部署，前端项目和后端项目都是部署在一台云服务器上，所以自己需要一台云服务器

前端环境部署

提示：前端我是使用Nginx部署，通过Nginx反向代理将请求转发到web项目

1. 部署nginx环境

参考文档：参考文档
查看nginx是否启动 ps -ef | grep nginx

2. 打包前端项目

在前端工具里项目下执行 npm run build 生成了 dist 文件
将dist 传到 云服务器的自定义 /usr/local/myprojects/目录下
然后就是配置 nginx的conf/nginx.conf文件了

前端部署项目预到的问题

1. nginx启动问题 nginx -s reload报ginx: [error] invalid PID number “” in “/usr/local/nginx/logs/nginx.pid” 错误
   参考文档：参考文档
   需要注意的是后面的nginx.conf路径得是绝对路径
2. dist部署上去之后，查看接口信息的时候查看不到