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
相关推荐
2501_916007471 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆、加固与发布治理(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
2501_915918411 小时前
怎么上架 App?iOS 应用上架完整流程详解与跨平台发布实战指南
android·ios·小程序·https·uni-app·iphone·webview
2501_916008891 小时前
iOS 混淆工具链实战 多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码加固|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
明月与玄武3 小时前
Wireshark 网络抓包分析:JSON 和 HTTPS!
https·wireshark·json
李昊哲小课3 小时前
spring 中 HttpStatus 与 ResponseEntity
spring boot·后端·spring·http·spring cloud·restful
编程爱好者熊浪3 小时前
测试需要使用HTTPS,怎么申请一个免费的测试域名
网络协议·http·https
limuyang23 小时前
【http3/quic】cronet 已经原生集成在Android内啦!还不快来开开眼!
android·http·google
helloworld工程师4 小时前
Dubbo应用开发之RPC直连开发
网络协议·rpc·dubbo
吐泡泡_5 小时前
TCP(滑动窗口/拥塞窗口补充)
网络协议
游戏开发爱好者811 小时前
HTTPS 内容抓取实战 能抓到什么、怎么抓、不可解密时如何定位(面向开发与 iOS 真机排查)
android·网络协议·ios·小程序·https·uni-app·iphone