官网介绍：vite官方文档
https://i-blog.csdnimg.cn/direct/dea7a7ea43424b7d9ec712725abd9dba.png" alt="在这里插入图片描述" />
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、重启服务
https://i-blog.csdnimg.cn/direct/0d2ffb0f9e91408c9c16d5336dbcccb2.png" alt="在这里插入图片描述" />

主要： 由于我们只是临时开发使用，所以证书信息并非正式的，首次浏览器打开会出现如下提示，点击 高级 -> 继续前往 就可以了。
https://i-blog.csdnimg.cn/direct/300463e012a248b1bdbb65c75045eac2.png" alt="在这里插入图片描述" />

https://i-blog.csdnimg.cn/direct/4520a2708eed437bbe3dc8484833fd53.png" alt="在这里插入图片描述" />