内网使用高德,需要对高德请求代理,vue引入内部<script type="text/javascript" src="" token=''"></script>
时间: 2023-07-06 22:12:40 浏览: 1505
高德地图离线地图web访问北京地区16级[1/5]
3星 · 编辑精心推荐
如果你是在内网使用高德地图服务,并且需要对高德请求进行代理,可以通过在 `main.js` 中引入 `AMap` 并设置 `AMap` 的 `config` 对象中的 `proxy` 属性来实现。
首先,在 `main.js` 中引入 `AMap`:
```
import AMapLoader from '@amap/amap-jsapi-loader';
AMapLoader.load({
key: '您申请的key值',
version: '2.0',
plugins: [],
// 设置代理
proxy: '/api'
}).then(() => {
// 初始化成功,执行逻辑代码
const AMap = window.AMap;
Vue.prototype.$AMap = AMap;
});
```
其中,`proxy` 属性设置为你的代理地址,这里假设代理地址为 `/api`。
然后,在你需要使用高德地图的 `.vue` 文件中,可以通过以下方式引入高德地图的 `script` 标签:
```
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值" token=""></script>
```
在这个 `script` 标签中,不需要设置代理地址,因为已经在 `main.js` 中设置了代理。这样,在进行高德请求时,请求会被代理到 `/api` 地址上,从而实现在内网中使用高德地图服务。
阅读全文