vite项目配置高德api定位功能

项目场景：

用vite项目集成了一个H5页面的小程序，需要调用高德的定位API，在浏览器中测试的时候，出现了一系列定位失败的情况。

问题1

Get ipLocation failed、Geolocation permission denied

本地http访问下，定位失败，查了很多的文档，说是http下不允许获取用户位置，所以会出现定位失败的问题，解决方法：配置https访问。
（1）安装SSL：npm add @vitejs/plugin-basic-ssl
（2）修改vite.config.ts文件，按以下方式修改

import basicSsl from '@vitejs/plugin-basic-ssl'

 plugins: [
       basicSsl() // 加入basicSsl
 ]

    server: {
       https: true,  // https设置为true
    }

重启就可以按照https访问，浏览器中会提示不安全访问，选择高级选项–仍要访问。此时浏览器顶部会出现允许获取位置对话框，选择允许。
在这里插入图片描述

问题2

Get geolocation time out

在火狐或chrome浏览器中运行，发现此时又报 {"message":"Get geolocation timeout.Get ipLocation failed.","status":1,"originMessage":"Timeout expired"} 这种超时的错误，我曾按照高德的文档中将超时时间调长点，然而并没有用，看到文档中有这样一句话。
在这里插入图片描述
说明这可能是这种内核的浏览器无法进行定位，于是我换了一个浏览器，果然成功返回了。