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
相关推荐
粟悟饭&龟波功4 小时前
【网络安全】一、入门篇:读懂 HTTP 协议
安全·web安全·http
豆沙沙包?6 小时前
http/1.1,http/2和http/3、三次握手和四次挥手
网络·网络协议·http
文火冰糖的硅基工坊6 小时前
[创业之路-640]:通信行业供应链 - 通信网的发展趋势:IP化统一 、云网融合 、算网协同 、FMC(固定移动融合)、空天地一体化
网络·网络协议·tcp/ip·系统架构·通信·产业链
Akshsjsjenjd12 小时前
Nginx 访问控制、用户认证、HTTPS配置实操手册
nginx·https·github
2501_9159184112 小时前
Video over HTTPS,视频流(HLSDASH)在 HTTPS 下的调试与抓包实战
网络协议·http·ios·小程序·https·uni-app·iphone
从零开始学习人工智能13 小时前
分布式 WebSocket 架构设计与实现:跨节点实时通信解决方案
分布式·websocket·网络协议
半桔15 小时前
【网络编程】深入 HTTP:从报文交互到服务构建,洞悉核心机制
linux·网络·c++·网络协议·http·交互
程序猿(雷霆之王)1 天前
网络层协议——IP
网络·网络协议·tcp/ip
Jackilina_Stone1 天前
一个高性能的HTTP和反向代理服务器:Nginx
nginx·http·ai 推理·nv
艾菜籽1 天前
网络原理-HTTP补充1
网络·网络协议·http