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

到此完成。

相关推荐
游戏开发爱好者82 小时前
使用Fiddler设置HTTPS抓包诊断Power Query网络问题
android·ios·小程序·https·uni-app·iphone·webview
相思难忘成疾5 小时前
Nginx 子目录多站点配置实验(HTTP/HTTPS 分离部署)
linux·运维·nginx·http·https·vim
閞杺哋笨小孩1 天前
从脚手架到构建注入:Vue 多租户「入驻」工程实践
vue.js·vite
落叶_Jim1 天前
Let‘s Encrypt证书有效期缩短至90天后,如何实现自动续期
网络协议·https·ssl
pengyi8710152 天前
安全性深度对比,HTTP与HTTPS代理风险差异分析
网络协议·http·https
曹瑞曹瑞3 天前
onlyoffice部署中https与http冲突的原因思考
http·https·onlyoffice
初願致夕霞3 天前
Linux编程_应用层_HTTP与HTTPS协议
linux·c++·http·https
醉颜凉5 天前
超详细图解:HTTPS 中的 SSL/TLS 完整握手过程(面试必背)
面试·https·ssl
想唱rap6 天前
应用层HTTPS协议
服务器·网络·c++·网络协议·http·https