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

到此完成。

相关推荐
岁岁种桃花儿14 小时前
HTTPS 比 HTTP 安全的核心原因:加密与身份验证机制解析
安全·http·https
2301_8049475818 小时前
nginx的https的搭建
运维·nginx·https
赖small强2 天前
【Linux 网络基础】libwebsockets HTTPS 服务端实现机制详解
linux·网络·https·tls·libwebsockets
布朗克1682 天前
HTTP 与 HTTPS 的工作原理及其区别
http·https
用户47949283569152 天前
Vite 中 SVG 404 的幕后黑手:你真的懂静态资源处理吗?
前端·vite
赖small强2 天前
【Linux 网络基础】HTTPS 技术文档
linux·网络·https·tls
a***59262 天前
用nginx正向代理https网站
运维·nginx·https
Mu.3872 天前
计算机网络模型
网络·网络协议·计算机网络·安全·http·https
草木红3 天前
vite 安装 vue3 和 tailwindcss
vue3·vite·tailwindcss
weixin79893765432...3 天前
Electron + React + Vite 实践
react.js·electron·vite