vite如何配置https

vite 配置 https

1、安装所需命令

js 复制代码
// 创建证书颁发机构
// 将生成一个根证书 ca.crt 和对应的私钥 ca.key
npx mkcert create-ca

// 创建证书
// 为特定域名生成的证书cert.crt、对应的私钥cert.key

mkcert create-cert

对生成ca.crt进行安装

注意的是安装证书存储选择受信任的根证书颁发机构,其他操作闭眼睛一路通过即可
  • 双击ca.crt
  • 点击安装证书
  • 存储位置选择 当前用户 其实哪都行 然后下一步
  • 选择将所有证书都放入下列存储
  • 点击 浏览 选择 受信任的根证书颁发机构 确定
  • 无脑下一步 完成

vite 中配置证书

js 复制代码
import { resolve } from 'path'
import fs from 'node:fs'

server: {
host: '0.0.0.0',
    https: {
      key: fs.readFileSync(resolve(__dirname, 'cert.key')), // 私钥
      cert: fs.readFileSync(resolve(__dirname, 'cert.crt')), // 证书
    },
}
相关推荐
xiaotao1311 小时前
第十章:Vite 生态与最佳实践
vite·前端打包
xiaotao1311 小时前
第十二章:TypeScript 深度集成
前端·vite·前端打包
探索宇宙真理.1 天前
Vite 任意文件读取漏洞 | CVE-2026-39363复现&研究
经验分享·开源·vite·安全漏洞
之歆2 天前
Vite 深度解析 - 重新理解现代前端构建工具
vite
禅思院2 天前
探索Vite深入 Rollup 分块插件:从零实现一个智能分包工具
前端·前端框架·vite
米丘2 天前
Vite 代理跨域全解析:从 server.proxy 到请求转发的实现原理
javascript·node.js·vite
kyriewen3 天前
Vite:比Webpack快100倍的“闪电侠”,原理竟然这么简单?
前端·javascript·vite
曲幽3 天前
FastAPI + Vue 前后端分离实战:我的项目结构“避坑指南”
python·vue·fastapi·web·vite·proxy·cors·env
Jenlybein4 天前
快速了解熟悉 Vite ,即刻上手使用
前端·javascript·vite
xiaotao1314 天前
第六章:Vite 高级特性与优化
vite·前端打包