vue-element-admin的部署问题（部署环境：centos）

黎仔656

已于 2022-07-11 10:47:44 修改

阅读量1.2k

点赞数

分类专栏： vue.js 文章标签： vue.js 前端 javascript

于 2022-07-10 16:04:12 首次发布

本文链接：https://blog.csdn.net/jiezhang656/article/details/125706862

版权

本文介绍了如何在centos环境中部署vue-element-admin项目。首先，通过打包生成dist目录及app.js，接着上传部署文件，包括dist、app.js和package.json。安装pm2并使用其启动前端应用。通过npm install安装依赖，最后使用pm2 start app.js启动项目。讨论了pm2与Nginx的区别，以及前端项目更新时的部署策略。

摘要由CSDN通过智能技术生成

一、部署文件准备：

1、打包成静态文件：

完成后在该项目文件夹下会生成dist的文件夹；

然后在dist文件夹同级目录下，创建app.js，内容如下：

//定义目录
const fs = require('fs');
const path = require('path');
const express = require('express');
const app = express();
//vue目录
app.use(express.static(path.resolve(__dirname, './dist')))

app.get('*', function(req, res) {
    const html = fs.readFileSync(path.resolve(__dirname, './dist/index.html'), 'utf-8')
    res.send(html)
})
//定义启动的端口号
app.listen(8080);

然后连同package.json一起，也就是部署文件包括以下三项：