项目简单的打包上线

1. 通过 node 创建 web 服务器
创建node项目 并安装 express 通过 express 快速创建web服务器
将vue打包生成的dist文件夹 托管为静态资源即可
安装 npm install express

const express = require('express')
// 创建web服务器
const app = express()
// 托管静态资源
app.use(express.static('./dist'))
// 启动web服务器
app.listen(3000,()=>{
  console.log('server is running at http://127.0.0.1')
})

2. 开启 gzip 配置
减小文件体积 使传输速度更快

// 安装相应包
npm install compression -D 
// 导入包
const compression = require('compression')
// 启用中间件 一定要把这行代码 写在静态资源托管的上面
app.use(compression())

3. 配置 http 服务 让网络传输更加安全
为什么启用 HTTPS 服务

1. 传统的 HTTP 协议传输的数据都是明文 不安全
2. 采用 HTTPS 协议对传输的数据进行了加密处理 跨域防止数据被中间人窃取 使用更安全

申请 SSl证书 https://freessl.org 个人是免费的

1. 进入官网 输入要申请的域名并选中品牌
2. 输入自己的邮箱并选择相关选项
3. 验证 DNS 在域名管理后台添加 TXT记录
4. 通过验证之后 下载 SSL 证书 (full_chain.pem公钥 private.key私钥)
5. 把生成的公钥和私钥复制到 server 里面 与 app.js 同级

在后台项目中导入证书

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

4. 使用 pm2 管理应用
pm2的作用 当 node 服务关闭之后 网站仍然可以正常访问
全局安装 npm install pm2 -g
启动项目 pm2 start app --name 自定义名称
查看运行项目 pm2 ls
重启项目 pm2 start 自定义名称
停止项目 pm2 stop 自定义名称
删除项目 pm2 delete 自定义名称