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

到此完成。

相关推荐
esmember3 小时前
电路研究9.3.4——合宙Air780EP中的AT开发指南:HTTPS示例
https·at指令
巴巴_羊12 小时前
前端面经 计网 http和https区别
网络协议·http·https
LyaJpunov15 小时前
HTTPS全解析:从证书签发到TLS握手优化
网络协议·http·https
你曾经是少年15 小时前
HTTPS
网络协议·http·https
2501_9159184115 小时前
多账号管理与自动化中的浏览器指纹对抗方案
websocket·网络协议·tcp/ip·http·网络安全·https·udp
-九斤-18 小时前
http和https的区别
网络协议·http·https
whoarethenext18 小时前
https的发展历程
网络协议·http·https
@西瓜@1 天前
(网络)应用层协议-HTTPS
网络·网络协议·https
小张快跑。1 天前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
爱吃烤鸡翅的酸菜鱼2 天前
Java【网络原理】(5)深入浅出HTTPS:状态码与SSL/TLS加密全解析
java·网络·后端·网络协议·http·https·ssl