一、通过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

Logo

前往低代码交流专区

更多推荐