脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → Linux → linux下启动vue服务

linux下如何启动vue服务

 更新时间：2026年03月17日 09:30:13   作者：yunhai.du  
本文介绍了如何使用Visual Studio Code开发工具打包前端Vue项目,并将其部署到Nginx服务器上,文章详细描述了打包、部署和解决常见问题的步骤,包括查看进程、杀死进程、重启Nginx以及配置文件的检查和修改

打包

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

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

总结

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

您可能感兴趣的文章:

相关文章

最新评论