方法一：使用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. 在項目中創(chuàng)建.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: ...,
  },
});