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

到此完成。

相关推荐
xiaohe060119 小时前
👋 一起写一个基于虚拟模块的密钥管理 Rollup 插件吧(一)
vite·rollup.js
Mr_Xuhhh2 天前
传输层协议TCP(3)
运维·服务器·网络·网络协议·tcp/ip·http·https
No Silver Bullet2 天前
HTTPS 工作原理
网络协议·http·https
小大力2 天前
简单的 HTTPS 学习
网络协议·学习·https
qq_282195312 天前
cpp-httplib 测试https功能
网络协议·http·https
Akshsjsjenjd2 天前
Linux 服务部署:自签 CA 证书构建 HTTPS 及动态 Web 集成
linux·前端·https
Mr_Xuhhh3 天前
HTTPS 协议原理
网络·网络协议·测试工具·http·https
i_am_a_div_日积月累_3 天前
http与https协议区别;vue3本地连接https地址接口报500
网络协议·http·https
Mr_Xuhhh3 天前
传输层协议 TCP(1)
运维·服务器·网络·c++·网络协议·tcp/ip·https
GalaxyPokemon3 天前
HTTP和HTTPS的区别
网络协议·http·https