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'// ...exportdefaultdefineConfig(()=>{server:{// ...proxy:{// ...},https:true,// 开启https服务},plugins:[// ...basicSsl(),]});

3、重启服务

主要： 由于我们只是临时开发使用，所以证书信息并非正式的，首次浏览器打开会出现如下提示，点击

高级

->

继续前往

就可以了。