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

到此完成。

相关推荐
FungLeo6 小时前
成为全栈·Vue 管理后台篇·Vue3 + Vite + Naive UI:后台工程基座怎么搭
前端·vue.js·ui·typescript·vite·前端工程化·biome
周大侠0051 天前
从 Webpack 到 Vite:30 个存量项目的迁移踩坑与灰度方案
webpack·vite
阿星_2 天前
pydio登陆不了分析问题
网络协议·http·https
晓得迷路了2 天前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite
陈希1233 天前
Nginx 从入门到能扛事:反向代理、负载均衡与 HTTPS 实战
nginx·https·负载均衡
FungLeo4 天前
成为全栈·基础补充·域名、DNS 与 HTTPS 证书
https·网络基础·网站部署·tls证书·成为全栈·域名 dns
Lsetea6 天前
Docker更新SSL证书后容器仍读旧文件:单文件挂载与目录挂载排查
运维·nginx·docker·https·ssl证书
2501_916008897 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
李纲明9 天前
WordPress 登录后跳回登录页或提示「Cookie 被阻止」:先核站点 URL 与 HTTPS 一致,再查安全插件与 CDN
https·登录·cdn·wordpress·cookie·devdiy·站点url
李纲明9 天前
WordPress 全站 HTTPS 后仍显示「不安全」或锁被划掉:先清混合内容,再核证书链与强制跳转
网络协议·安全·https·wordpress·devdiy·混合内容