创建服务器

通过 express 快速创建 web 服务器,将 vue 打包生成的 dist 文件夹

const express = require("express");
// 创建 web 服务器
const app = express();

// 托管静态资源
app.use(express.static("./dist"));

// 启动 web 服务器
app.listen(8888, () => {
  console.log("启动服务器");
});

开启gzip配置

gzip 可以减小文件体积,使传输速度更快

安装相应包:

npm install compression -S   

代码:

// 导入包   
  const compression = require('compression');   
  // 启用中间件   
  app.use(compression());

配置HTTPS服务

为什么要启用 HTTPS 服务?

  • 传统的 HTTP 协议传输的数据都是明文
  • HTTPS 协议对传输的数据进行了加密处理

申请流程

  • 进入 https://freessl.cn/ 官网,输入要申请的域名并选择品牌
  • 输入自己的邮箱并选择相关选项
  • 验证 DNS(在域名管理后台添加 TXT 记录)
  • 验证通过之后,下载 SSL 证书( full_chain.pem 公钥;private.key 私钥)。

配置 HTTPS 服务

  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);