简简单单,解决 GeoServer 的跨域(CORS)问题

本文介绍了CORS(跨域资源共享)的概念,解释了为什么在WebGIS开发中会遇到跨域错误,并详细说明了如何通过修改GeoServer配置文件来解决这种问题。重点在于理解同源策略和CORS机制,以及实际操作中解决跨域请求的步骤。
摘要由CSDN通过智能技术生成

前言

先贴一张常见的报错信息:
在这里插入图片描述






相信很多同学在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

用任意一种文本编辑器打开它,找到如下两个片段:

更多请见:http://www.mark-to-win.com/tutorial/175092.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Geoserver是一个开源的地理信息系统服务器,它能够将空间数据(如地图、矢量数据等)按照标准的协议(如WMS、WFS等)发布到互联网上,以便于其他应用程序进行访问和使用。但是,在开发过程中,我们可能会遇到geoserver跨域问题,这会影响到应用程序的正常运行。 所谓跨域,指的是在浏览器中,访问一个与当前页面不同域名的资源。例如,在本地部署了一个geoserver服务,在前端页面中使用ajax请求geoserver的数据时,就会出现跨域问题。为了解决这个问题,需要在geoserver的配置文件中进行相关设置。 我们可以通过修改geoserver的web.xml配置文件来解决跨域问题,具体方法如下: 1.找到geoserver的安装目录下webapps/geoserver/WEB-INF目录下的web.xml文件。 2.在文件末尾加入以下内容: <filter> <filter-name>CorsFilter</filter-name> <filter-class>org.eclipse.jetty.servlets.CrossOriginFilter</filter-class> <init-param> <param-name>allowedOrigins</param-name> <param-value>*</param-value> </init-param> <init-param> <param-name>allowedMethods</param-name> <param-value>GET, POST, HEAD, OPTIONS</param-value> </init-param> <init-param> <param-name>allowedHeaders</param-name> <param-value>origin, content-type, accept</param-value> </init-param> </filter> <filter-mapping> <filter-name>CorsFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> 3.保存文件,并重启geoserver。 上述设置会开启一个CorsFilter过滤器,该过滤器能够将来自所有域名的请求都允许通过,从而解决geoserver跨域问题。 总之,geoserver跨域问题虽然会影响到应用程序的正常运行,但是通过修改geoserver的web.xml配置文件,我们可以轻松解决这个问题,确保应用程序的顺利运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值