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

到此完成。

相关推荐
codingWhat3 天前
前端组件库开发实践:从零到发布
前端·npm·vite
小岛前端4 天前
Cloudflare 掀桌子了,Next.js 迎来重大变化,尤雨溪都说酷!
前端·vite·next.js
赤月奇5 天前
https改为http
数据挖掘·https·ssl
Java陈序员5 天前
太香了!一款轻量级的 Elasticsearch 可视化管理工具!
vue.js·elasticsearch·vite
天蓝色的鱼鱼7 天前
Vite 8:从“混动”到“纯电”,构建性能提升10倍+
前端·vite
Boxsc_midnight7 天前
【windows电脑浏览器直接访问虚拟机或云端openclaw的方法】一个不需要HTTPS的安全连接通道(基于SSH)
windows·安全·https·openclaw
学不完的7 天前
haproxy
linux·运维·https·负载均衡·haproxy
Web极客码8 天前
在WordPress中启用http2
https·wordpress
清清&9 天前
【网络】一文读懂HTTPS协议
网络·https·智能路由器
Roc.Chang10 天前
Vite 启动报错:listen EACCES: permission denied 0.0.0.0:80 解决方案
linux·前端·vue·vite