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_s
一、通过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
更多推荐
所有评论(0)