arcgis js api 4.x通过TileLayer类加载arcgis server10.2发布的切片服务跨域问题的解决办法

L.傲骨雄风2023-10-26 5:08

1.错误复现

2.解决办法

2.1去https://github.com/Esri/resource-proxy 网站下载代理配置文件，我下载的是最新的1.1.2版本，这里根据后台服务器配置情况不同有三种配置文件，此次我用到的是DotNet和Java.

2.2 DotNet配置

2.2.1 对proxy文件增加一条配置地址为http://ip:6080

2.2.2 在iis创建站点，启动，测试。如果输入如下地址能正常结果，代表配置正确。

2.2.3 前端代码配置

引入 "esri/core/urlUtils",增加如下代码，即可。

javascript 复制代码

   urlUtils.addProxyRule({
                urlPrefix: "http://ip:6080",
                proxyUrl: "http://localhost/DotNetNew/proxy.ashx",
   });

2.3 Java 配置

2.3.1 打打proxy文件增加一条配置

2.3.2 将配置好的整个Java文件，放到tomcat的webapps下，记住tomcat一定要配置跨域设置。tomcat启动服务。

2.3.3 进行测试，出现如下结果代表配置成功

2.3.4 前端代码如下配置即可。

javascript 复制代码

urlUtils.addProxyRule({
     urlPrefix: "http://ip:6080",
     proxyUrl:"http://localhost:8888/Java/proxy.jsp"
});