vue3 本地开发开启 https

xl__qd

已于 2024-05-10 09:44:36 修改

阅读量1.8k

点赞数 8

文章标签： https vue3

于 2023-11-08 21:35:49 首次发布

本文链接：https://blog.csdn.net/lcc2001/article/details/134298996

版权

1、安装mkcert证书创建器

npm i mkcert -g

2、检验是否安装成功

mkcert --version

有版本好出现则成功

3、创建证书颁发机构

mkcert create-ca

会在当前目录生成，ca.crt 和 ca.key 两个文件

4、创建证书

mkcert create-cert

会在当前目录生成，cert.crt 和 cert.key 两个文件

5、将生成的ca.crt安装到Windows电脑

6、在vue3 中 vite.config.js 使用

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import fs from "fs";
import path from "path";

export default defineConfig({
  plugins: [vue()],
  server: {
    https: {
      cert: fs.readFileSync(path.join(__dirname, "src/ssl/cert.crt")),
      key: fs.readFileSync(path.join(__dirname, "src/ssl/cert.key")),
    },
  },
});