官网介绍:vite官方文档
1、根据官方文档安装依赖@vitejs/plugin-basic-ssl
npm install -D @vitejs/plugin-basic-ssl
2、在vite.config.js或者vite.config.ts中配置:server中的https和plugins
import { defineConfig } from "vite";
import basicSsl from '@vitejs/plugin-basic-ssl'
// ...
export default defineConfig(() => {
server: {
// ...
proxy: {
// ...
},
https: true, // 开启https服务
},
plugins: [
// ...
basicSsl(),
]
});
3、重启服务
主要: 由于我们只是临时开发使用,所以证书信息并非正式的,首次浏览器打开会出现如下提示,点击 高级
-> 继续前往
就可以了。