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, 
   },
   plugins: [
   		
   		basicSsl(),
   ]
});

3、重启服务

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