项目上线相关配置

1. 通过 node 创建 web 服务器。

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

（1）创建文件夹vue_shop_server，与项目vue_shop同级，

（2）用vscode打开文件夹，并在powershell终端中运行npm init -y来初始化包管理配置文件，然后他会自动生成package.json文件

（3）再运行npm i express -S来安装第三方的包

（4）打开自己项目vue_shop文件复制dist文件，并粘贴到vue_shop_server中

（5）在vue_shop_server中创建app.js入口文件，并写入以下代码，然后在终端运行测试一下：

如果终端有输出就证明服务器启动成功了

2. 开启 gzip 配置。

    使用 gzip 可以减小文件体积，使传输速度更快。可以通过服务器端使用 Express 做 gzip 压缩。

（1）安装相应包 npm install compression -S

（2）在app.js中注册并使用中间件

3. 配置 https 服务。

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

① 进入 https://freessl.cn/ 官网，输入要申请的域名并选择品牌。

② 输入自己的邮箱并选择相关选项。

③ 验证 DNS（在域名管理后台添加 TXT 记录）。

④ 验证通过之后，下载 SSL 证书（ full_chain.pem 公钥；private.key 私钥）。

4. 使用 pm2 管理应用。让启动服务的窗口关闭后也能继续访问

① 在服务器中安装 pm2：npm i pm2 -g

（1）ctrl+shift+鼠标右键打开powershell窗口，然后输入 node .\app.js

（2）打开cmd，输入npm i pm2 -g

② 在powersell中启动项目：pm2 start 脚本 --name 自定义名称

这时候就算将这个窗口关闭，项目也是可以运行的

③ 查看运行项目：pm2 ls

④ 重启项目：pm2 restart 自定义名称 / id

⑤ 停止项目：pm2 stop 自定义名称 / id

⑥ 删除项目：pm2 delete 自定义名称 / id