前言
先贴一张常见的报错信息:
相信很多同学在WebGIS开发中经常遇到。这个问题在各种社区里也是被问了很多次了,解决办法也不尽相同,那么这个CORS错误到底是个啥意思?怎么解决呢?
跨域资源共享(CORS)
首先说说CORS这个东西:以下是MDN关于CORS的解释
跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。
比如,站点 http://domain-a.com 的某 HTML 页面通过 <img> 的 src 请求 http://domain-b.com/image.jpg。网络上的许多页面都会加载来自不同域的CSS样式表,图像和脚本等资源。
什么意思呢?简单讲,就是来自站点A的代码脚本访问另一个不同的站点B的资源,那么如何定义站点A站点B是不同的?
MDN给出的定义如下:用URL
http://store.company.com/dir/page.html
代表的源A去访问下表的B,前面两个是同源,后面三种形式都不是同源的,属于跨域HTTP请求CORS。
所以再看文章开头的那个报错信息,现在就可以理解了,127.0.0.1:5500和127.0.0.1:8080属于不同站点资源,报错是因为发生了跨域请求。
如何解决
一句话:需要修改GeoServer的配置文件
平台无关的bin版本在这个路径下:\webapps\geoserver\WEB-INF
容器版本参考一下这个路径,修改这下面的:web.xml
用任意一种文本编辑器打开它,找到如下两个片段: