pm2部署vue项目,Vue项目的部署在服务器

这是一篇介绍pm2简单实用的文章, 以启动vue项目为例,动态部署Vue项目,部署后便可直接访问服务器的Vue项目

1.安装pm2

bash 复制代码
npm install pm2 -g

2.启动Vue项目

进入vue项目的目录,创建一个js文件,

bash 复制代码
# 在vue项目下创建一个js文件
vim ecosystem.config.js
# 写入内容,内容是根据你启动vue项目的命令而定
# 例如npm run serve启动项目,那么你就把下面的args改成run serve
# 如果你是npm run dev启动vue项目,那就把下面的args改成run dev。其他属性随意设置。
module.exports = {
  apps: [
    {
       name: 'test', //启动名称
       exec_mode: 'cluster',
       instances: '1', // 进程数  Or a number of instances
       port: '3031', //项目端口,
       script: 'npm', //启动脚本
       error_file: './logs/app-err.log',
       out_file: './logs/app-out.log',
       log: './logs/app.log',
       args: 'run dev'//启动的命令,根据你项目设置而设置
    }
  ]
}

3.启动

使用下面命令即可启动Vue项目了,是在后台启动,一直运行。这样就可以访问这个项目了,也算是服务器部署vue项目的一种方式

bash 复制代码
pm2 start
# 停止
pm2 stop all
# 删除
pm2 delete all
# 重启
pm2 restart all
相关推荐
郝学胜-神的一滴31 分钟前
使用Linux的read和write系统函数操作文件
linux·服务器·开发语言·数据库·c++·程序人生·软件工程
ObjectX前端实验室39 分钟前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者41 分钟前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱1 小时前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json
pu_taoc1 小时前
深入剖析:基于epoll与主从Reactor模型的高性能服务器设计与实现
服务器·c语言·c++·vscode
路很长OoO1 小时前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos
Flash Dog1 小时前
【Vue】——路由
vue.js
开水好喝2 小时前
Code Coverage Part I
前端
DoraBigHead2 小时前
🧭 React 理念:让时间屈服于 UI —— 从同步到可中断的演化之路
前端·javascript·面试
羊羊小栈2 小时前
基于「多模态大模型 + BGE向量检索增强RAG」的航空维修智能问答系统(vue+flask+AI算法)
vue.js·人工智能·python·语言模型·flask·毕业设计