arcgis api for JavaScript

arcgis api for JavaScript 中出现跨域请求是常见问题，

通常出现类似如下错误消息类似：

XMLHttpRequest cannot load http://10.32.2.70:8399/ArcGIS/rest/info?f=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:58374' is therefore not allowed access.

什么是跨域：http://blog.csdn.net/lambert310/article/details/51683775

怎样解决：

参考 https://developers.arcgis.com/javascript/jshelp/inside_defaults.html
esriConfig.defaults.io.corsEnabledServers 这一段，把要访问的服务对应的server地址添加进去：

require(["esri/config"], function(esriConfig) {
esriConfig.defaults.io.corsEnabledServers.push("localhost:6080");
});

如上代码所示，localhost:6080 即 server 服务所在arcgis server 地址。

以上为 arcgis api for JavaScript 3.x 所使用的方法，arcgis api for JavaScript 4.x 修改为：

参考：https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html

其中的 corsEnabledServers 这一段

Example:

// Add a known server to the list.

require(["esri/config"], function(esriConfig) {

esriConfig.request.corsEnabledServers.push("localhost:6080");

});

实际代码如下图所示(以 4.x 版本为例)：

如果还不行就需要配置代理，参考文档https://developers.arcgis.com/javascript/jshelp/ags_proxy.html

另外帮助文档：http://enterprise.arcgis.com/zh-cn/server/latest/administer/linux/restricting-cross-domain-requests-to-arcgis-server.htm
建议尝试，根据帮助文档的操作步骤将 “http://localhost” 加入AllowedOrigins 字段中~

转载于:https://www.cnblogs.com/mumu122GIS/p/8482445.html

arcgis api for JavaScript _跨域请求相关推荐

jsonp跨域原理_【网站技术解读①】Javascript实现跨域请求
推荐一个读者做的不错的编程学习网站: 网站:潜安域名:http://www.qianani.com 另外将会不定期推送近期网站用到的一些技术,讲一些核心原理,今天为第一篇问题由来: 最近一直在优化 ...
ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头.正确响应options请求,正确设置 JavaScript端需要设置的headers信息方能实现. 此处手札供后人参 ...
PHP后端API接口解决Ajax跨域请求的方式
如果我们是前后端分离,且不再同一域的情况下,前端使用Ajax请求后端的数据的时候,就会出现跨域的问题. 在前端我们可以使用获取jsonp格式来应对跨域问题,但是这种方式比较难用,如果前端后端都是可以进 ...
工程与ArcGIS api for javascript不在同一个tomcat情况下跨域问题
当开发工程与ArcGIS API 所在tomcat不在一起是,即出现跨域问题,跨域问题集中在api的样式图片.字体pbf等. 解决方案: 在ArcGIS API所在tomcat添加跨域过滤器设置. 修 ...
Ajax 跨域请求详解
问题描述: 实际开发中,我们经常会看到这样的错误提示: XMLHttpRequest cannot load http://-- No 'Access-Control-Allow-Origin' he ...
JS跨域请求解决方案-CORS
文章目录 JS跨域请求解决方案-CORS 1.JS跨域请求测试JavaScript的跨域请求(失败) 2. 跨域解决方案CORS 普通实现方法 springMVC的跨域请求注解 3.分布式Id解决方 ...
yii2 跨域请求配置_手机号归属地查询 API 接口调用请求
手机号归属地查询 API 接口在网上已经很多且大都封装成了 API 供别人调用.支持前台跨域请求,以GET方式提交即可.手机号归属地查询 API 接口可以查询手机的归属地详细信息,你可以选择调用本站的 ...
ASP.NET MVC和ASP.NET Web API跨域请求问题解决方案【最全】
无论是ASP.NET MVC和ASP.NET Web API跨域请求大致分成2种方式第一种:web.config 配置第二种:用HttpContext.Response.AppendHeader设 ...
bat怎么发起网络请求_因为一个跨域请求，我差点丢了饭碗
浏览器基本原理我叫小风,是Windows帝国一个普通的上班族.今天,我入职了一家浏览器公司,公司的主营业务是为人类提供Internet上网服务,我的岗位是负责执行JavaScript代码. 上午的晨 ...

arcgis api for JavaScript _跨域请求

arcgis api for JavaScript _跨域请求相关推荐

最新文章

热门文章