【Vue 本地项目运行https服务】

1、下载证书生成库

npm install -g mkcert
1

2、创建证书颁发机构

mkcert create-ca
1

3、创建证书

mkcert create-cert
1

4、创建成功后会有4个文件在我们项目根目录

5、定位到ca.crt 文件所在在位置 双击 安装证书

6、在vue.config.js中引入证书；

const path = require('path')
const fs = require('fs')
 
module.exports = {
  devServer: {
    https: {
      cert: fs.readFileSync(path.join(__dirname, './cert.crt')), 
      key: fs.readFileSync(path.join(__dirname, './cert.key'))  
    }，
    open: true,
  }
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14