mkcert实现本地https

​​1.下载 mkcert​​

从 mkcert GitHub 发布页 下载适用于 Windows 的版本（如 mkcert-v1.4.4-windows-amd64.exe）。
​​安装 mkcert​​
以管理员身份运行命令提示符（CMD），执行以下命令安装并信任本地 CA：

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

这会自动将 mkcert 的根证书添加到系统受信任的 CA 列表中。

​​2. 生成 SSL 证书​​

为你的本地 IP 生成证书：

mkcert-v1.4.4-windows-amd64.exe 192.168.31.42 localhost 127.0.0.1 ::1

生成的文件：

192.168.31.42+1.pem（证书）
192.168.31.42+1-key.pem（私钥）。

​​3. 配置开发服务器​​

​​Vite 项目（Vue/React）​​
在 vite.config.js 中配置 HTTPS：

import { defineConfig } from 'vite'
import fs from 'fs'export default defineConfig({server: {https: {key: fs.readFileSync('192.168.31.42+1-key.pem'),cert: fs.readFileSync('192.168.31.42+1.pem'),},host: '0.0.0.0', // 允许局域网访问port: 5174,},
})

重启项目后访问 https://192.168.31.42:5174。

​​其他服务器（如 Nginx）​​
修改 Nginx 配置：

server {listen 443 ssl;server_name 192.168.31.42;ssl_certificate /path/to/192.168.31.42+1.pem;ssl_certificate_key /path/to/192.168.31.42+1-key.pem;location / {proxy_pass http://localhost:5174;}
}

重启 Nginx：

nginx -s reload