linux下如何启动vue服务

打包

前端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就是你前端包所指向的端口。

注意：打的包端口不对的话会报错跨域问题。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。