Arcgis Server中跨域问题的解决办法

最新推荐文章于 2023-03-14 15:40:31 发布

jacobzhuo

最新推荐文章于 2023-03-14 15:40:31 发布

阅读量5.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Arcgis server js api

本文链接：https://blog.youkuaiyun.com/jacobzhuo/article/details/82350347

Arcgis server js api 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在使用ArcGIS Server JavaScript API开发过程中遇到的跨域访问问题及其解决方法。主要探讨了CORS配置及代理设置两种方案，并详细说明了如何在不同服务器环境下实施。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

arcgis server javascript api开发过程中，在跨域访问字体、json、地图服务等资源的时候，会遇到无法访问的问题，如：“……blocked by CORS”，“……cannot load”，后面常跟一句“No ‘Access-Control-Allow-Origin’ is present on the requested resource”的错误。

解决办法：需要跨域，使用CORS或Proxy。
以下步骤解决，针对4.8版本。

CORS

server端配置CORS
根据自己服务器情况，参考https://enable-cors.org/
js添加

require(["esri/config"], function(esriConfig) {
  esriConfig.request.corsEnabledServers.push("<hostname>.<domain>:<port>");
});

如果你的服务器和浏览器都支持CORS，以下就不用看了。如果你的服务器或浏览器不支持CORS，则需要设置proxy解决跨域问题。

代理proxy

步骤：

下载代理

下载地址 https://github.com/Esri/resource-proxy
对应版本：

代理名	对应服务器
DotNet	IIS服务器
Java/JSP	Apache Tomcat 服务器
PHP	Apache服务器

安装代理
IIS服务器中，整体拷贝到wwwroot下。或arcgis js api网站平级目录下。转换为应用程序。

这里确保应用池的版本是4.0+，这里使用的是ASP.NET v4.0，如果返回错误请仔细检查应用程序池的问题。
访问http://hostaddress:port/proxy.ashx?ping，验证是否可用
在proxy.config文件中，加入允许访问的服务器地址。
- 其中，mustMatch项推荐设置为“true”，因为这样就可以保证所有的请求都必须要通过设定的serverUrls的过滤。如果设置为“false”，这将会允许一些请求直接通过。
- 如果地址需要ArcGIS全球账户的认证，那么需要在url中加入用户名和密码信息。
  例如：<serverUrl url="http://services.arcgisonline.com" UserName="UserName" PassWord ="PassWord" matchAll="true"/>
前台js添加

esriConfig.request.proxyUrl = "http://...";//其中proxyUrl是你部署到IIS下的路径即可。
esriConfig.request.useProxy = false;//可不写，默认为false