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")),

到此完成。

相关推荐
猫头虎4 小时前
[特殊字符]解决 “IDEA 登录失败。不支持早于 14.0 的 GitLab 版本” 问题的几种方法
java·ide·网络协议·http·https·gitlab·intellij-idea
2501_916007477 小时前
绕过 Xcode?使用 Appuploader和主流工具实现 iOS 上架自动化
websocket·网络协议·tcp/ip·http·网络安全·https·udp
2501_916013747 小时前
使用 Windows 完成 iOS 应用上架:Appuploader对比其他证书与上传方案
websocket·网络协议·tcp/ip·http·网络安全·https·udp
橘黄的猫7 小时前
深入解析 import.meta.url:与 new URL() 的关系及 Vite 中的 base 路径影响
前端·vite
迷你二鹏8 小时前
前端之Vite原理
前端·vite
S侯8 小时前
💻🚀一行代码简化请求!⚡Alova策略库打造🔄流畅体验!!
前端·https
程序员的世界你不懂18 小时前
(9)-Fiddler抓包-Fiddler如何设置捕获Https会话
前端·https·fiddler
Think Spatial 空间思维1 天前
【实施指南】Android客户端HTTPS双向认证实施指南
android·网络协议·https·ssl
'tubug'1 天前
数字证书_CA_详解
https·ssl
昔我往昔1 天前
https和http有什么区别-http各个版本有什么区别
网络协议·http·https