【原创】Vue 项目上线配置

通过 Node 创建 Web 服务器

创建 node 项目，安装 express，通过 express 快速创建 web 服务器。

• 创建项目文件夹 vue_test，在该文件夹下运行 npm init 初始化。
• 创建 app.js，并输入如下内容：

const express = require('express');
const app = express();

// 托管静态资源
app.use(express.static('./dist'));

// 启动 web 服务器
app.listen(80,()=>{
console.log('启动');
});

• 在终端运行 node app.js，访问 http://localhost 即可。

开启 gzip 配置

可以通过 express 开启 gzip：

npm install compression -D
const compression = require('compression');
app.use(compression());

// 托管静态资源
app.use(express.static('./dist'));

配置 https 服务

申请 SSL 证书（https://freessl.org）

• 进入 https://freessl.cn，输入要申请的域名并选择品牌。
• 输入邮箱并选择相关选项
• 验证 DNS
• 验证通过后下载 SSL 证书(full_chain.pem 公钥 private.key 私钥)

在后台导入证书：

const https = require('https');
const fs = require('fs');
const options = {
cert:fs.readFileSync('./full_chain.pem');
keys:fs.readFileSync('./private.key');
}
https.createServer(options, app).listen(443);

使用 PM2 管理应用

全局安装 PM2
npm i pm2 -g
启动项目 pm2 start
pm2 start ./app.js -- name web_vueshop

查看项目 pm2 ls
重启项目 pm2 restart
停止项目 pm2 stop
删除项目 pm2 delete