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