在 vs code 扩展中安装 Live Server

点击安装 Live Server

配置 Live Server

• VS Code setting.json 中配置 Vue/React 打包后文件夹 build/dist 为服务器的根目录
  "liveServer.settings.root": "/dist",
• 本地服务器设置 https 协议（不需要可以跳过这步）
  全局安装mkcert 用于创建 CA 证书和 TLS 证书
  npm install mkcert -g
  创建 CA 证书
  mkcert create-ca 得到 ca.key / ca.crt 文件
  创建 TLS 证书
  mkcert create-cert 得到 cert.key / cert.crt 文件
  安装 CA 证书
  Mac 安装步骤
  Win 安装步骤
  配置 VS Code setting.json

  "liveServer.settings.https": {
      "enable": true,
       "cert": "../cert.crt", // 全路径 或者 相对路径
  	 "key": "../cert.key",  // /Users/glbian/Documents/cx-customer-portal/ca.key
      "passphrase": ""
  },
  

• 启动服务
  找到 dist 目录下的 index.html，鼠标右键，选择 Open with Live Server
  就可以以dist目录为根路径，index.html 为页面入口启动本地服务器