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

103 阅读 0 评论 68 点赞

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

1.功能需求

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

在这里插入图片描述

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

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

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

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

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

以上就是尊敬大侠为你收集整理的fetch,解决高德地图公共api,跨域问题的全部内容，希望文章能够帮你解决fetch,解决高德地图公共api,跨域问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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