vue3 开启 https

1、安装mkcert证书创建器

npm i mkcert -g

2、检验是否安装成功

mkcert --version

有版本好出现则成功

3、创建证书颁发机构

mkcert create-ca

会在当前目录生成，ca.crt 和 ca.key 两个文件

4、创建证书

mkcert create-cert

会在当前目录生成，cert.crt 和 cert.key 两个文件 

5、将生成的ca.crt安装到Windows电脑

6、在vue3 中 vite.config.js 使用

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import fs from "fs";
import path from "path";
 
export default defineConfig({
  plugins: [vue()],
  server: {
    https: {
      cert: fs.readFileSync(path.join(__dirname, "src/ssl/cert.crt")),
      key: fs.readFileSync(path.join(__dirname, "src/ssl/cert.key")),
    },
  },
});

 7、完结