vue3项目本地开启https访问模式

在Vue3项目中启用本地HTTPS访问模式通常是为了模拟生产环境的安全设置，以便于调试和测试。以下是在Windows系统下使用ngrok这个工具实现本地HTTPS访问的步骤：

1. **安装ngrok**:
- 首先，在终端（命令提示符或PowerShell）中运行`npm install ngrok` 安装ngrok。

2. **启动ngrok隧道**:
- 打开一个新的终端窗口，输入`ngrok http 8080`（假设你的Vue应用监听的是8080端口）。ngrok会生成一个公共URL，你可以通过它来访问本地服务。

3. **配置代理**:
- 如果你在Vue项目中使用了如axios之类的HTTP请求库，你需要配置代理到ngrok提供的URL，以便所有外部请求都经过SSL加密。可以在vue.config.js文件中添加：

     module.exports = {
       devServer: {
         proxy: {
           '/api': { // 你的API路径前缀
             target: 'http://localhost:4040', // ngrok的本地地址
             changeOrigin: true,
             ws: true, // 如果你的应用有WebSocket，需要设置
           },
         },
       },
     };

4. **安全提示**:
- ngrok生成的URL是临时的，如果不想每次启动项目都要手动创建新的隧道，可以设置ngrok的隧道持久化，或者购买它的Pro版本获取更稳定的链接。

5. **访问项目**:
- 现在你就可以通过ngrok分配的公共URL (类似 `https://your-ngrok-url.ngrok.io`) 访问你的Vue3项目了。

记得关闭ngrok服务时停止隧道，例如通过`CTRL+C`。