vite本地启https

方法一：使用plugin

1. 安装依赖@vitejs/plugin-basic-ssl
2. 更改vite 配置

// vite.config.ts
import basicSSL from "@vitejs/plugin-basic-ssl";

export default defineConfig({
 ...,
 plugins: [
    basicSSL(),
    ...,
  ],
 server: {
    https: true,
    proxy: ...,
  },
});

3. 重启服务器

   
   
   截屏2023-12-25 15.52.03.png

方法二：指定证书

1. 根据这篇文章生成证书
2. 在项目中创建.cert文件夹，并将生成的server.crt和server.key文件拷贝到.cert目录下
3. 安装fs依赖
4. 修改vite

// vite.config.ts
import fs from "fs";

export default defineConfig({
  ...,
  server: {
    https: {
      key: fs.readFileSync('./.cert/server.key'),
      cert: fs.readFileSync('./.cert/server.crt'),
    },
    proxy: ...,
  },
});