vite启用https前置条件下载: Releases · FiloSottile/mkcert 根据你的系统类型选择

前置条件

根据你的系统类型选择相应版本

将CA证书加入本地可信CA

mkcert-v1.4.4-windows-amd64.exe -install

成功之后，会有如下提示

查看根证书位置

mkcert-v1.4.4-windows-amd64.exe -CAROOT

管理win电脑中的证书

certmgr.msc

生成自签证书

直接跟多个要签发的域名或 ip 就行了，比如签发一个仅本机访问的证书(可以通过127.0.0.1和localhost，以及 ipv6 地址::1访问)：

mkcert-v1.4.4-windows-amd64.exe localhost 127.0.0.1 ::1 192.168.10.110 dev.pzy.cn

会在当前目录生成: localhost+3.pem, localhost+3-key.pem 两个文件

在vite项目中创建keys文件夹，将上面的两个文件复制到keys文件夹

配置hosts文件配置域名

vite配置https

import path, { resolve } from 'node:path'
import fs from 'node:fs'

// https://vite.dev/config/
export default defineConfig((env) => {
  
  return {
    // ... 省略配置
    server: {
      host: '0.0.0.0',
      https: {
        cert: fs.readFileSync(path.join(__dirname, 'keys/localhost+3.pem')),
        key: fs.readFileSync(path.join(__dirname, 'keys/localhost+3-key.pem')),
      }
    },
  }
})