由于查询高德地图天气开放接口跨域问题

最新推荐文章于 2024-11-29 17:25:53 发布
原创 最新推荐文章于 2024-11-29 17:25:53 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #react.js

文章讲述了在开发中遇到的跨域问题，线上环境中proxy配置无效，通过请求拦截解决。问题的关键在于request接口携带了项目的cookie和credentials。注释掉credentials:include可避免问题，但可能导致其他接口无法获取cookie。为了解决这个问题，作者采用了两个独立的request来分别处理需要cookie的情况和调用开放式AmapAPI的情况。

由于在本地和线上都跨域，我一开始配置了proxy，但是到线上是失效的

这边只能通过请求拦截来解决。

最后发现是request接口中带了我们项目的cookie和extend中的credentials访问的导致

只需要把credentials: 'include'注释掉即可

但是由于如果这个注释掉，其他地方的接口需要用到cookie的话就会获取不到数据

所以我这边是起了两个request，单独来处理这个https://restapi.amap.com/v3/weather/weatherInfo开放式接口

 

 

 

KisJ
关注
高德地图通过地理位置转经纬度,报跨域问题解决方法 https://restapi.amap.com/v3/geocode/
qq_44410862的博客
06-14 4897
高德地图逆地理地址转经纬度
fetch,解决高德地图公共api,跨域问题
weixin_50061893的博客
07-23 4744
目录1.功能需求2.遇到的问题3.解决的办法 1.功能需求 功能需求是需要做一个可以选择各街道的滚动功能,但是由于后端没有街道数据,只有自己去第三方寻找,最后用的高德地图的api. 预期效果如下 2.遇到的问题 不知什么情况,我在请求高德公共api的时候,遇到了跨域问题 CORS error.如下图 3.解决的办法 通过查阅 fetch文档,并使用fetch解决了改跨域问题,如下图 ...
前端使用高德天气，及解决跨域问题
前端小菜鸟也有人起的博客
04-15 1112
前端获取天气，及解决跨域问题
JAVA | Java 解决跨域问题
java_xiaoo的博客
09-19 913
引言 我们在开发过程中经常会遇到前后端分离而导致的跨域问题，导致无法获取返回结果。跨域就像分离前端和后端的一道鸿沟，君在这边，她在那边，两两不能往来. 什么是跨域（CORS） 跨域（CORS）是指不同域名之间相互访问。跨域，指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略所造成的，是浏览器对于JavaScript所定义的安全限制策略。 什么情况会跨域 同一协议， 如http或https 同一IP地址, 如127.0.0.1 同一端口, 如8080 以上三个条件中有一个条件不同就会产生
制作的天气预报(JSONP跨域)
zoey的博客
03-31 622
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="weather.css"> <link rel="stylesheet" href="https://cdn.static...
高德开放平台天气查询API
footrip的博客
03-07 5479
更多内容，请查看博客原文：高德开放平台天气查询API https://finolo.gy/2020/01/高德开放平台天气查询API/ 高德开放平台下的天气查询接口文档 https://lbs.amap.com/api/webservice/guide/api/weatherinfo 注册开发者账号，获取Key https://restapi.amap.com/v3/weather/weather...
uni-app使用高德天气api
weixin_43969547的博客
07-12 2649
首先登录高德开放平台，这里有许多api接口，今天演示一下使用高德的逆地理接口以及天气预报接口，首先注册登录高德开放平台，申请注册成为个人开发者之后即可获得每日配额的api访问次数。高德开放平台 | 高德地图API高德开放平台官网https://lbs.amap.com/进入控制台，在我的应用处创建应用并选择应用类型。勾选web服务， 创建应用之后可以在查看配额中查看到每日请求访问量以及并发量。在使用uni.getlocation的时候，如果提示key访问次数达到上限了之类的，需要在manifest.json
Vue2实现高德地图和天气预报
最新发布
09-02
根据用户当前查询，用户希望了解在Vue2项目中如何同时集成高德地图和天气预报功能。结合用户提供的站内引用资料，虽然引用中提到了Vue3和一些具体代码片段，但核心思路可以迁移到Vue2中实现。以下是具体步骤及说明：...
quickapp快应用高德地图根据历史小时获取天气
05-14
根据之前的经验，高德地图的Web服务API中有天气查询的功能，但主要支持实时天气和未来预报，历史天气可能需要特定的接口或者需要付费服务。 接下来，我需要确认用户的具体需求。用户提到的是“历史小时天气数据”，...
获取地理位置请求免费天气接口
请叫我欧皇！的博客
06-14 1662
需求：根据地理位置信息去请求免费的天气接口数据，拿到数据后进行展示，这边我用到了俩个key，一个是高德天气的key和心知天气的key，为什么要这么麻烦呢，是因为之前写过一版不需要获取地理位置，直接就可以请求天气获取数据，但是用了不到一个月，崩了，要我用升级版...，所以还是就麻烦一点吧，另外个版的请求免费天气，我在另外个文章单独写，如果不想请求地理位置直接请求天气接口的可以去看另外一篇文章。结果得到效果如下图1.需要注册开发者，在控制台申请。
小记：Vue3调用高德天气跨域问题的解决
weixin_40169609的博客
09-21 1886
关于如何申请高德API我就不多说了 下面主要说一下代理的配置和访问 值得注意的是，端口号一定要设置成8080，否则会报错。 '/weather':{ port:8080, target: 'https://restapi.amap.com/v3/weather', secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, //是否跨域 pathRewrite: { '^/weathe.
项目中调取高德地图天气接口
Davi的博客
12-19 1528
高德天气API 调取接口 axios .get( "https://restapi.amap.com/v3/weather/weatherInfo?city='城市编码'&key='用户key'" ) .then((res) => { res.data.lives.forEach((ele) => { this.temperature = ele.temperature; this
高德地图API--天气查询
王等等csdn的博客
10-28 3430
首先你要获取key key是要做请求中的参数值，如果你还没有高德地图API账号需要先申请账号，然后再获取key。 如何获取key 发送请求 天气查询API服务地址：https://restapi.amap.com/v3/weather/weatherInfo?parameters get请求，parameters的值包含这些 city的取值可以在他提供的城市编码表中找到 我在项目中用的是ajax，查询的是北京市的天气 $.ajax({ type: 'get', url: 'https:
Python调用天气查询API
Ayu147258的博客
04-19 2216
Python调用天气查询API
高德关于获取天气接口
bianb123的博客
07-18 8808
最近在做天气这块，在网上一搜有各种天气接口，但是大多数都是收费的。偶然发现，高德也提供天气接口，一天可以免费调用100000次，就试了一下，还是蛮好用的，就拿出来分享一波。 高德API接口地址 https://lbs.amap.com/api/webservice/guide/api/weatherinfo/ 第一步，申请”web服务 API”密钥（Key）； 第二步，拼接HTTP请求URL...
API--天气查询(高德api)
半途行走的博客
02-07 2173
下面为代码片段，仅作参考，获取的是今日的天气情况 # # 天气查询--高德api url_api= "https://restapi.amap.com/v3/weather/weatherInfo?" extensions= "all" url_api+= "key="+key+ "&city="+ adcode+ "&extensions="+ extensions...
高德天气 php,高德开放平台天气查询API
weixin_39722946的博客
04-08 283
更多内容，请查看博客原文：高德开放平台天气查询APIhttps://finolo.gy/2020/01/高德开放平台天气查询API/高德开放平台下的天气查询接口文档https://lbs.amap.com/api/webservice/guide/api/weatherinfo注册开发者账号，获取Keyhttps://restapi.amap.com/v3/weather/weatherInfo?...
对接高德地图天气
weixin_44277893的博客
11-29 1638
对接高德地图天气
高德地图天气接口
userzou的博客
09-24 1062
1、https://console.amap.com/dev/key/app 高德里面创建一个新应用 2、添加一个key名称， 高德天气接口得选web服务 3、接口查询 https://restapi.amap.com/v3/weather/weatherInfo?city=350102&key=刚申请的key city是城市编码 4、结果 ...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值