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

到此完成。

相关推荐
游戏开发爱好者86 小时前
iOS15描述文件在哪下载?iOS15测试版描述文件下载与升级教程
websocket·网络协议·tcp/ip·http·网络安全·https·udp
日月星辰Ace14 小时前
OSI 网络七层模型
网络协议·http·https
jaywangep17 小时前
vite插件:提取项目中第三方域进行dns-prefetch预连接
性能优化·vite
JiaHao汤21 小时前
HTTP 和 HTTPS 有什么区别?
网络协议·http·https
左灯右行的爱情21 小时前
应用层核心协议详解:HTTP, HTTPS, RPC 与 Nginx
http·rpc·https
陈辛chenxin1 天前
【JavaWeb后端开发02】SpringBootWeb + Https协议
网络协议·http·https
wordbaby2 天前
加速 Web 应用:资源压缩详解与 Vite + Nginx 实践指南
前端·nginx·vite
huali2 天前
unplugin-https-reverse-proxy 2.0 发布:革新移动端调试体验
前端·开源·vite
2501_915918412 天前
iOS13描述文件在哪下载 iOS13测试版描述文件下载地址与安装教程
websocket·网络协议·tcp/ip·http·网络安全·https·udp
sen_shan2 天前
Vue3+Vite+TypeScript+Element Plus开发-22.客制Table组件
vue.js·vue3·vite·element plus·按钮组件·表组件