fetch,解决高德地图公共api,跨域问题

89 阅读 0 评论 59 点赞

我是靠谱客的博主尊敬大侠，这篇文章主要介绍fetch,解决高德地图公共api,跨域问题，现在分享给大家，希望可以做个参考。

1.功能需求

功能需求是需要做一个可以选择各街道的滚动功能,但是由于后端没有街道数据,只有自己去第三方寻找,最后用的高德地图的api. 预期效果如下

在这里插入图片描述

不知什么情况,我在请求高德公共api的时候,遇到了跨域问题 CORS error.如下图

发送请求的方式
报错信息
在这里插入图片描述

通过查阅 fetch文档,并使用fetch解决了改跨域问题,如下图

在这里插入图片描述
请求成功
拿到数据
成功渲染

遇到跨域需要前端解决的如果是本地项目跨域通过devServer来解决,线上有跨域问题的话,可以尝试fetch请求方式.

以上就是尊敬大侠最近收集整理的关于fetch,解决高德地图公共api,跨域问题的全部内容，更多相关fetch内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。