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

到此完成。

相关推荐
是个西兰花7 小时前
https 协议原理
网络协议·http·https
长按助力退休10 小时前
HTTPS加密原理详解,TLS握手到底在干什么
https
0+11111 小时前
Linux --HTTPS协议原理
网络协议·http·https
北城笑笑12 小时前
Server 18 ,Nginx 双服务器 HTTP转HTTPS 代理实战( HTTP 地址换 HTTPS 域名 )
运维·服务器·前端·后端·nginx·http·https
Lsetea16 小时前
OpenSSL报certificate rejected:error 28与CA辅助信任属性排查
linux·https·ssl证书·openssl·证书链
mingbaiceping18 小时前
复旦-华盛顿大学EMBA:2026年免联考申请条件详解
网络协议·https·ssl
NetX行者1 天前
用 Vite + Vue3 + UnoCSS 搭建企业级项目模板(一):基础骨架
vue·vite·unocss
Lsetea2 天前
OpenSSL报certificate revoked:error 23与CRL吊销层级排查
linux·https·ssl证书·openssl·crl
HelloWorld工程师2 天前
不改动任何历史配置,也能让 SSL 证书自动续期
linux·服务器·网络协议·https·ssl
Lsetea2 天前
curl走HTTPS代理报SSL证书错误:proxy-cacert与cacert双层信任排查
linux·https·ssl证书·curl·代理服务器