当前位置：首页 > news >正文

mkcert实现本地https

news 来源：原创 2025/6/2 17:45:00

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;}
}