方法一：使用plugin
- 安装依赖@vitejs/plugin-basic-ssl
- 更改vite 配置
// vite.config.ts
import basicSSL from "@vitejs/plugin-basic-ssl";
export default defineConfig({
...,
plugins: [
basicSSL(),
...,
],
server: {
https: true,
proxy: ...,
},
});
-
重启服务器
截屏2023-12-25 15.52.03.png
方法二：指定证书
- 根据这篇文章生成证书
- 在项目中创建
.cert文件夹，并将生成的server.crt和server.key文件拷贝到.cert目录下 - 安装fs依赖
- 修改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: ...,
},
});
