美文网首页
CentOS7下vue项目pm2部署

CentOS7下vue项目pm2部署

作者: coderfl | 来源:发表于2020-07-04 17:15 被阅读0次

    1,装好node环境,node -v,npm -v,检测

    2,全局安装pm2 npm install pm2 -g

    3,项目打包

    • vue项目中使用npm run build命令进行打包,生成一个manage目录(默认为dist目录,可修改),这个文件夹就是我们要部署上线的项目。
      打包好的文件目录如下:
    image

    4,写一个node启动脚本(app.js 这块名字自己定)

    • 主要做的事情是读取目录下的单页面文件(index.html),监听8002端口。
    const fs = require('fs');
    const path = require('path');
    const express = require('express');
    const app = express();
    
    app.use(express.static(path.resolve(__dirname, './manage')))
    
    app.get('*', function(req, res) {
        const html = fs.readFileSync(path.resolve(__dirname, './manage/index.html'), 'utf-8')
        res.send(html)
    })
    
    app.listen(8002);
    

    5,服务器进入部署项目的文件夹中

    • 把打包好的文件上传上去
    • npm init
    • npm i express
    image.png
    • 使用 pm2 start app.js 就成功启动服务了
    image.png

    参考资料

    相关文章

      网友评论

          本文标题:CentOS7下vue项目pm2部署

          本文链接:https://www.haomeiwen.com/subject/zrguqktx.html