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')), // 证书
    },
}
相关推荐
向北丶5 天前
vite项目中配置alias别名
前端·vite
PedroQue995 天前
修复 .uvue 页面路径残留问题
前端·vite
梦曦i5 天前
修复 .uvue 页面路径残留问题
前端·vite
cindershade9 天前
首屏在替谁付费:重做 Vite 产物治理的责任边界
vite
做前端的娜娜子10 天前
施工蓝图:vite.config.js —— 项目的指挥中心
前端·react native·vite
D_jing2011 天前
【踩坑解决】pnpm+Vite引入@koi/core报错spark-md5找不到模块(幽灵依赖深度解析)
pnpm·vite·幽灵依赖·前端踩坑
Flynt12 天前
pnpm 12 换上了 Rust 内核,我拿项目实测了一轮构建速度
rust·vite·前端工程化
xiaoyan201512 天前
2026最新款Electron41+React19+AntDesign电脑端后台管理系统Exe
react.js·electron·vite
梨想橙汁12 天前
Vite 优化、踩坑汇总 + Webpack 迁移 Vite 实战
前端·webpack·vite
猫不易13 天前
Webpack 与 Vite:从 Loader / Plugin 到 Rolldown 统一引擎
前端·vite