ArcGIS API for JavaScript 报错Request header fieldX-Request-With is not allowed by Access_Control...

Bertha 。 2021-09-16 10:16 362阅读 0赞

### 前言 ###

在使用ArcGIS API JavaScript时，我使用dojo/request访问ArcGIS Server服务的json时，控制台报出了以下跨域的问题:  
    Request header fieldX-Request-With is not allowed by Access\_Control-Allow-Headers in preflight response  
![在这里插入图片描述][70]

然后，我尝试使用ArcGIS API中的`proxy`代理解决跨域问题，代理的方式并不能解决此问题。

### 解决方法 ###

通过常规的`Jsonp`可以解决此问题。为了更和谐在ArcGIS API代码中使用Jsonp，使用dojo方式的Jsonp来解决此问题。

原先的造成跨域问题的代码：

require([“dojo/request”],function(request){
    	request(url,{
    	handleAs:”json”,
    	syns:true
    }).then(lang.hitch(this,function(responses){
    	console.log(responses);
    }))
    })

使用Jsonp形式的请求代码

require(["dojo/request/script"], function(script){
      script.get(url, {
        jsonp: "callback"
      }).then(function(responses){
       console.log(responses);
      }, function(err){
      }); 
    });

dojo包`dojo/request/script`说明：[http://dojotoolkit.org/reference-guide/1.10/dojo/request/script.html][http_dojotoolkit.org_reference-guide_1.10_dojo_request_script.html]

[70]: /images/20210726/44726e89b8f0462cbad331359a440c1f.png
[http_dojotoolkit.org_reference-guide_1.10_dojo_request_script.html]: http://dojotoolkit.org/reference-guide/1.10/dojo/request/script.html