vite5.x配置https

旧版的vite直接在config里面配置https:true即可,新版的麻烦一些。

1.准备工作

需要安装openssl

下载地址:Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions

找到合适的版本安装,配置好环境变量,测试出现下面内容就是安装成功了:

2.生成证书

首先进入到你的页面路径下,按照下面命令输入:

复制代码
openssl genpkey -algorithm RSA -out server.key
openssl req -new -key server.key -out server.csr
openssl x509 -req -in server.csr -signkey server.key -out server.cert

中间会有提示你输入的信息,无脑enter即可,

完成后项目会出现你的证书文件:

3.config配置

如下:

复制代码
import fs from "fs";

key: fs.readFileSync(path.join(__dirname, "server.key")),

cert: fs.readFileSync(path.join(__dirname, "server.cert")),

到此完成。

相关推荐
智慧的牛1 天前
局域网内实现HTTPS
网络协议·https
三两肉1 天前
深入理解 HTTPS RSA 握手:从原理到流程的完整解析
网络协议·http·https·rsa·tls四次握手
00后程序员张1 天前
在 iPhone 上进行 iOS 网络抓包的实践经验
android·ios·小程序·https·uni-app·iphone·webview
安生生申2 天前
HTTP与HTTPS的区别
网络协议·http·https
大佐不会说日语~2 天前
使用 Cloudflare平台 + Docker + Nginx 完成网站 HTTPS 部署实战记录
nginx·docker·https·部署·cloudflare
Knight_AL2 天前
使用 Nginx 为内网 Java 服务实现 HTTPS
java·nginx·https
风清扬_jd2 天前
libcurl 开启https一键编译指南【MT方式】
c++·https·curl
三两肉2 天前
从明文到加密:HTTP与HTTPS核心知识全解析
网络协议·http·https
2501_915909062 天前
iOS 应用在混淆或修改后,如何完成签名、重签名与安装测试
android·ios·小程序·https·uni-app·iphone·webview
无序的浪3 天前
HTTPS加密及工作过程
网络协议·http·https