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

到此完成。

相关推荐
Bright Data3 小时前
在 Axios 中设置代理
http·https·axios·api·socks·代理服务器·proxy server
✿ ༺ ོIT技术༻7 小时前
Linux:HTTPS协议原理
网络协议·http·https
一天八小时15 小时前
SSH/HTTP/HTTPS
http·https·ssh
SaebaRyo21 小时前
手把手教你在网站中启用https和http2
后端·nginx·https
喝养乐多长不高1 天前
HTTPS加密原理详解
网络·网络协议·http·https·证书·非对称加密·对称加密
战场小包1 天前
初探 Vite 秒级预构建实现
前端·vue.js·vite
吹风的坚果1 天前
HTTPS的那些事
后端·https
David+Zhao1 天前
vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结
elementui·vue3·vite·elementplus·vue-cli·avue·vue2升级
用户21965946192722 天前
Vue3+Vite工程化实践:打造企业级前端开发流程
vue.js·vite
南城巷陌2 天前
Node.js中HTTPS模块应用详解
前端·网络协议·https·node.js