vue项目本地开启https协议访问（vite）

官网介绍：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、重启服务

主要： 由于我们只是临时开发使用，所以证书信息并非正式的，首次浏览器打开会出现如下提示，点击 高级 -> 继续前往 就可以了。