vue调用天地图报跨域问题

最新推荐文章于 2023-07-07 10:06:20 发布
最新推荐文章于 2023-07-07 10:06:20 发布
阅读量3.7k 收藏
点赞数 1
分类专栏： vue 文章标签： arcgis 天地图 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hitler_yuzhan/article/details/101066499
版权

今天把项目打包部署到生产环境之后发现了个不是bug的bug

访问天地图加载不出底图，控制台报跨域

解决不了去问gis工程师

最后给出的答案是：

arcgis有缓存，每次访问天地图都会把当前访问地址缓存到本地，一旦更换ip或者端口号就会报跨域

解决方案只需要清理缓存！

CalabashBrothers_
关注
专栏目录
uniapp | vue2 | vue3 - 解决调用天地图功能服务时 http 网络请求报错 net::ERR ABORTED 503（Service Temporarily Unavailabl）
王佳斌
08-06 3766
vue，uni-app，天地图，请求报错，503，请求失败，map.tianditu，天地图503，天地图请求503，接口503错误怎么办，vue天地图，uniAPP天地图，获取定位接口服务器报错503，获取当前定位，定位功能，IP属地定位，天地图服务器报错，如何解决报错，net::ERR ABORTED 503（Service Temporarily Unavailabl），GET，POST，服务暂时不可用，react天地图，一直等待吗，报错怎么办，定位报错，轨迹，经纬度，天地图服务器503，在 vue2
Vue2 - 最新实现接入使用天地图及卫星视图切换功能，在国家天地图上自由切换地图显示类型（卫星视图/地形视图/卫星混合/地形混合/普通视图）vue天地图切换视图显示改成卫星风格，切换地图图层完整代码
最新发布
王佳斌
09-09 3118
vue2，nuxt2，天地图，视图，卫星，地图类型切换，vue天地图，改成卫星视角，在线地图切换，来回切换卫星图，天地图如何实现来回切换卫星图，地形图，卫星视图，vue中使用天地图自定义样式切换地图图层，切换报错，加载出错，卫星图太卡，地图图层更换，vue安装集成天地图详细示例源码，切换地图的样式，在天地图中如何将地图的类型随意更换，提供多种视图模式用户自由点击更换，VUE引入天地图卫星版，详细教程示例源码代码，天地图切换卫星用什么api，卫星视角API方法，vue2卫星天地图，能改地图的显示方式，图层类型
记录：调用山东天地图的时候跨域解决方案
Key_wang的博客
02-05 1767
在调用山东天地图的API时，一直报no ‘Access-Control-Allow-Origin’ header is present on the requested resource 跨域错误，找了很多资源也没找到解决方案，在看其他的一些源码时，看到dataType:'jsonp’可以解决一部分跨域问题，就拿来尝试一下，没想到可以了，山东天地图的跨域解决了。具体方式如下： // 获取历史影像 function requestDat() { var e = map.getCenter(); var t
前端项目请求天地图地址报错跨域；报错418
killerdoubie的博客
07-07 3210
前端项目请求天地图地址报错跨域；报错418
详解nginx代理天地图做缓存解决跨域问题
01-10
作为一个GISer开发者，天地图是经常在项目中以底图的形式出现，其加载地址如： 1.天地图矢量：http://t{0-6}.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z} 2.天地图影像：http://t{0-6}.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z} 3.天地图地形：http://t{0-6}.tianditu.com/DataServer?T=ter_w&x={x}&y={y}&l={z} 其中t{0-6}是天地图提供的7个服务器名称t0,t1,t2…. 下面是我以openl
天地图跨域问题解决（axios配置withCredentials遇到的坑）
Yu_Jian_Qt的博客
03-17 4065
天地图跨域问题解决（axios配置withCredentials遇到的坑）
解决Vue调用springboot接口403跨域问题
10-16
在本文中，我们将详细探讨如何解决Vue调用Spring Boot接口时遇到的403跨域问题。 ### CORS问题简介 跨域资源共享（CORS）是一种安全机制，它限制了Web页面上脚本在不同域之间请求资源的能力。当一个Web应用试图...
详解Vue 开发模式下跨域问题
08-30
解决 Vue 开发模式下跨域问题 在 Vue 开发模式下，跨域问题是我们经常遇到的问题。跨域问题是指在不同的域名之间进行资源请求时，出现的安全限制问题。解决跨域问题是非常重要的，因为它会影响我们项目的正常运行。...
Vue开发中遇到的跨域问题及解决方法
10-15
跨域问题是Vue开发过程中经常遇到的一种网络请求限制问题。所谓跨域，简而言之是指浏览器出于安全考虑，限制了一个域下的文档或者脚本如何能与另一个域下的资源进行交互。这通常包括不同协议、不同域名、不同端口...
Vue动态加载图片在跨域时无法显示的问题及解决方法
10-15
此外，文章还提到了其他几种解决跨域问题的方法。一种是在后端服务器上设置适当的HTTP头部来允许跨域请求，如Access-Control-Allow-Origin等，从而在后端层面允许跨域访问。另一种是使用JSONP方法，这是一种较老的...
【ARCGIS API FOR JS】关于配置跨域后调用天地图时出现403问题
qq_35724512的博客
06-01 1656
因为公司内网不能访问天地图，所以在外网服务器上配置了ARCGIS API FOR JS跨域，根据跨域配置配置完毕之后。 前端给我报了一个403禁止访问，纠结了很久，才发现是用的天地图token是只有浏览器的权限。 解决方法:重新到天地图官网，参照天地图应用开发许可升级说明重新申请了一个服务端的token即可，完美解决，特此记录下。 ...
.net 地图取点
qq_41409185的博客
09-15 558
<%--地图--%> <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=8YVG4aI4EbO1ex1IS5NjZkDEehNRhe8a"></script> <script src="//libs.baidu.com/jquery/1.9.0/jquery.js"></script> <scrip...
vue加载图片，地图，请求api跨域问题
qq_40407998的博客
09-06 2762
vue加载图片，地图，请求api跨域问题通过proxy配置代理解决 vue.config.js引入可配置变量
天地图API及服务接口调用418错误
热门推荐
iopo45的博客
01-21 3万+
天地图API及服务接口调用418错误 几个月前写的天地图API调用，今天发布一下竟然返回“418，抱歉，您的请求被拦截，因为您的请求疑似攻击行为！”，以为是ip被黑名单了，换了ip也不行，去官网才发现自2019年1月1日起地图API及服务接口调用都需要获得开发授权，授权的方法也很简单，地址： http://lbs.tianditu.gov.cn/authorization/authorizatio...
Openlayers+vue调用GeoServer的api报跨域错误解决方法
我的博客
07-18 463
Openlayers+vue调用GeoServer：geoserver安装目录下\webapps\geoserver\WEB-INF\web.xml 取消 以下注释 重启geoserver
openlayers 引用天地图截图时跨域问题导致空白解决办法
weixin_43405921的博客
01-17 870
let map_img = new TileLayer({ source: new XYZ({ url: "https://t6.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=" + token, //！！！！！设置crossOrigin crossOrigin: 'anonymous', }), }); 参考文章：参考文章请点这里 ...
nginx代理天地图做缓存解决跨域问题
weixin_34104341的博客
08-06 547
作为一个GISer开发者，天地图是经常在项目中以底图的形式出现，其加载地址如： 天地图矢量：http://t{0-6}.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z} 天地图影像：http://t{0-6}.tianditu.com/DataServer?T=img_w&x={x}&y={y}&am...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值