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