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')), // 证书
    },
}
相关推荐
weixin79893765432...1 天前
Electron + Vue 3 + Vite 实践
vue.js·electron·vite
AAA阿giao3 天前
使用 Vite + Vue 3 搭建项目并配置路由的全流程(含国内镜像加速)
vue.js·node.js·vite
笨笨狗吞噬者3 天前
【uniapp】小程序实现自由控制组件JSON文件配置
vue.js·微信小程序·vite
特级业务专家5 天前
续集:Vite 字体插件重构之路 —— 从“能用”到“生产级稳定”
javascript·vue.js·vite
特级业务专家7 天前
把 16MB 中文字体压到 400KB:我写了一个 Vite 字体子集插件
javascript·vue.js·vite
isyuah10 天前
vite-plugin-openapi-ts CLI 使用指南
前端·vite
用户740546399430914 天前
Vite 库模式输出 ESM 格式时的依赖处理方案
前端·vite
用户97141718142721 天前
前端开发中的跨域问题:Vite 开发环境配置指南
vue.js·vite
kuromiluu21 天前
从原理到实践:Vite
vite
菜市口的跳脚长颌22 天前
一个 Vite 打包配置,引发的问题—— global: 'globalThis'
前端·vue.js·vite