我要评论打包
前端vue项目使用visual studio code 开发工具开发，调试。
分清楚要打包的ip以及端口，在终端输入 npm run build，
然后会生成一个dist 文件夹下面就是已经打好的前端包，把它放到服务器的nginx下就行。
替换
找到的nginx 的目录，替换之前的前端包。这里有几条语句需要注意：
1、查看是否运行
ps aux|grep nginx 或者 ps -ef | grep nginx
2、kill -9 杀掉进程
或者进入到对应的sbin目录下使用./nginx -s stop 也能停止进程
3、重启nginx（替换服务包，需要重启nginx，这里记录下启动）
进入到nginx 的sbin 目录下 只有一个脚本文件nginx，执行它就能启动nginx。
在执行它之前有必要确认下配置文件是否配置正确：
./nginx -t
看到如下显示
nginx.conf syntax is ok
nginx.conf test is successful
说明配置文件正确！
然后执行下
./nginx -c （nginx配置文件的绝对路径）
最后启动nginx：
./nginx -s reload
4、如果nginx 重新加载命令./nginx -s reload
出现：
nginx: [error] invalid pid number "" in "/usr/local/nginx/logs/nginx.pid"问题。
那么可能是nginx进程未全部关闭，解决办法如下：
先执行命令
kill -9 nginx
杀掉nginx 进程
然后执行命令
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
重新加载配置文件
最后执行命令
./nginx -s reload
重新启动nginx
需要注意的是路径别写错了，使用nginx安装路径来执行。
5、配置文件
具体信息，写明了服务的 ip，端口，以及路径
其中nginx监听的端口9081就是你前端包所指向的端口。
注意：打的包端口不对的话会报错跨域问题。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论