arcgis api for JavaScript _跨域请求

时间:2022-05-19 10:11:30

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 版本为例):

arcgis api for JavaScript _跨域请求

如果还不行就需要配置代理,参考文档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  字段中~