mkcert实现本地https

​​1.下载 mkcert​​

从 mkcert GitHub 发布页 下载适用于 Windows 的版本(如 mkcert-v1.4.4-windows-amd64.exe)。

​​安装 mkcert​​

以管理员身份运行命令提示符(CMD),执行以下命令安装并信任本地 CA:

bash 复制代码
mkcert-v1.4.4-windows-amd64.exe -install

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

​​2. 生成 SSL 证书​​

为你的本地 IP 生成证书:

bash 复制代码
mkcert-v1.4.4-windows-amd64.exe 192.168.31.42 localhost 127.0.0.1 ::1

生成的文件:

bash 复制代码
192.168.31.42+1.pem(证书)
192.168.31.42+1-key.pem(私钥)。

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

​​Vite 项目(Vue/React)​​

在 vite.config.js 中配置 HTTPS:

bash 复制代码
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 配置:

bash 复制代码
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:

bash 复制代码
nginx -s reload
相关推荐
游戏开发爱好者81 小时前
iOS重构期调试实战:架构升级中的性能与数据保障策略
websocket·网络协议·tcp/ip·http·网络安全·https·udp
DemonAvenger8 小时前
高性能 TCP 服务器的 Go 语言实现技巧:从原理到实践
网络协议·架构·go
tmacfrank11 小时前
Android 网络全栈攻略(四)—— TCPIP 协议族与 HTTPS 协议
android·网络·https
2501_9160137411 小时前
iOS 多线程导致接口乱序?抓包还原 + 请求调度优化实战
websocket·网络协议·tcp/ip·http·网络安全·https·udp
M1A111 小时前
TCP/IP协议精解:IP协议——互联网世界的邮政编码系统
后端·网络协议·tcp/ip
夏天想12 小时前
优化 WebSocket 实现单例连接用于打印【待测试 】
网络·websocket·网络协议
路长且阻12 小时前
网络协议(TCP/IP、HTTP、HTTPS)
网络协议·tcp/ip·http
杰尼橙子13 小时前
DPDK基础架构解析:EAL环境抽象层的设计与实现
网络协议·性能优化
吴free14 小时前
mac电脑wireshark快速实现http接口抓包
网络·测试工具·http·wireshark
THMOM9117 小时前
TinyWebserver学习(9)-HTTP
网络协议·学习·http