前端/项目部署

vue 项目
yarn build 打包成 dist 文件

ssh 命令连接 linux 服务器。

将 dist 包上传到 linux 文件夹。

配置 nginx 。指向本地 dist -> index.html 项目入口文件。

nginx 配置安装
神坑：前端配置 nginx 后，无法拿到请求头的自定义参数。access*token 。而本地测试是正常的。

原来是 nginx 里面有个 underscores_in_headers 配置,默认是 off,这个配置是默认忽略掉请求 header 里面的”*”的,改成 on 即可，或者把请求头里别用”_“

神坑
1.使用了swiper的插件。
2.本地项目运行正常
3.打包部署后。出现怪异状态，似乎是css丢失或不齐全的问题。

神坑：
Nginx出现403 forbidden
查看nginx的启动用户，发现是nobody，而为是用root启动的
命令：ps aux | grep “nginx: worker process” | awk’{print $1}’

解决方案：
将nginx.config的user改为和启动用户一致
nginx配置文件中 use root；