vue项目上线的步骤

一、通过node创建web服务器

① 创建一个文件夹vue_shop_server，通过webstore打开
② 在webstore的终端运行 npm init 来初始化一个包管理工具,生成package.json文件
③ 运行 npm i express -s 安装express包
④ 把vue-shop项目中打包好的dist文件夹复制一份到vue_shop_server文件夹中
⑤ 在vue_shop_server中创建一个app.js文件

⑥ 导入express，通过 express 快速创建 web 服务器，将 vue 打包生成的 dist 文件夹，
托管为静态资源即可，关键代码如下：

⑦ 在webstore终端运行 node .\app.js，打开网页

二、开启gzip配置

使用 gzip 可以减小文件体积，让文件在网络中传输速度更快。
可以通过服务器端使用Express做gzip压缩，配置如下：
① 在终端运行 npm i compression -s
② 在app.js文件中导入包

③ 启动中间件

重启服务器查看 运行node .\app.js查看

三、配置https服务（一般由后端实现，了解一下）

为什么要启用 HTTPS 服务？

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

四、使用pm2管理应用

pm2的作用：不用一直打开服务器，也可以打开网站

① 全局安装pm2: 在npm运行 npm i pm2 -g
② 启动项目：在项目终端运行 pm2 start .\app.js --name web_vueshop