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')), // 证书
    },
}
相关推荐
井柏然10 小时前
为什么打 npm 包时要将 Vue/React 进行 external 处理?
javascript·vite·前端工程化
千码君201618 小时前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
星光不问赶路人2 天前
一文搞清楚 TypeScript 中 triple-slash 与 tsconfig.types 有何区别?
typescript·vite
PanZonghui4 天前
Vite 构建优化实战:从配置到落地的全方位性能提升指南
前端·react.js·vite
星光不问赶路人8 天前
Vite 中的 import.meta.glob vs 动态导入:该用哪个?
前端·vite
tuuuuuun10 天前
Stomp 订阅模块化
websocket·vite
千码君201611 天前
React Native:使用vite创建react项目并熟悉react语法
javascript·css·react native·react.js·html·vite·jsx
雪山上的小灰熊11 天前
UNIAPP如何自定义全局方法?
javascript·typescript·uni-app·vue·vue3·vite·hooks
别看我只是一直狼15 天前
用模块联邦(Module Federation)优雅共享组件
vite