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
相关推荐
柯南二号1 分钟前
【大前端】前端生成二维码
前端·二维码
程序员码歌31 分钟前
明年35岁了,如何破局?说说心里话
android·前端·后端
博客zhu虎康1 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海2 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
王源骏2 小时前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码2 小时前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
2301_780789663 小时前
渗透测试真的能发现系统漏洞吗
服务器·网络·安全·web安全·网络安全
wordbaby3 小时前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js
上单带刀不带妹3 小时前
在 ES6 中如何提取深度嵌套的对象中的指定属性
前端·ecmascript·es6
excel3 小时前
使用热力贴图和高斯函数生成山峰与等高线的 WebGL Shader 解析
前端