news 2026/7/7 13:38:26

开发问题】GeoServer 跨域问题解决方案

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
开发问题】GeoServer 跨域问题解决方案

eoserver 默认是没有开启跨域配置的,我们在启动了 geoserver 服务,发布地图图层后。前端项目想要访问服务因为 IP 和端口不一致会造成跨域问题导致我们访问服务报错。

[Error] Cannot load image http://192.168.1.200:8080/geoserver/img/wms?REQUEST=GetMap&SERVICE=WMS&VERSION=1.1.1&FORMAT=image%2Fpng&STYLES=&TRANSPARENT=TRUE&LAYERS=img%3Amap_03dbe5d1&CRS=EPSG%3A4326&serverType=geoserver&WIDTH=1032&HEIGHT=1491&SRS=EPSG%3A4326&BBOX=0.0006271289520698164%2C-0.10890253786480741%2C0.08920439945988232%2C0.019071018653747274 due to access control checks.

[Error] Failed to load resource: Origin http://192.168.1.200 is not allowed by Access-Control-Allow-Origin. Status code: 200 (wms, line 0)

下面给出怎么配置开启 geoserver 允许跨域访问。

下载安装geoserver

官网地址

issue-7-1

一般我们选择稳定版就好了,2.28.0 不再支持 jdk8 了,如果需要 jdk8 的需要下载旧版本的 geoserver。

Nightly 版即夜间构建版,是开发团队通过自动化系统每日编译的软件版本。我们一般不选 Nightly 版本。

image-20251016133539847

这里选第一个就好了,通过 jar 包启动,全平台都可用。

下载后文件目录如下图所示:

image-20251016133718737

进入bin目录里面有启动脚本,Windows 平台启动 bat 脚本,Mac/Linux 平台启动 sh 脚本即可。

默认启动是不支持跨域的,下面我们来配置跨域。

配置跨域

进入 geoserver 目录下的 lib 文件夹,将其中的

jetty-servlets-9.4.57.v20241219.jar和jetty-util-9.4.57.v20241219.jar

复制到 geoserver/webapps/geoserver/WEB-INF/lib下

image-20251016134415366

image-20251016134425437

这里有文章说去别的地方去下载这两个jar 包然后放到webapps/geoserver/WEB-INF/lib下,这里是没必要去下载的,geoserver 中已经包含有这两个 jar包了,复制过去就好了。自己去下载还要考虑版本问题,用 geoserver 自己版本一定是兼容的。

修改geoserver/webapps/geoserver/WEB-INF目录下的 web.xml 文件

可以直接新增以下配置

<filter>

<filter-name>cross-origin</filter-name>

<filter-class>org.eclipse.jetty.servlets.CrossOriginFilter</filter-class>

<init-param>

<param-name>chainPreflight</param-name>

<param-value>false</param-value>

</init-param>

<init-param>

<param-name>allowedOrigins</param-name>

<param-value>*</param-value>

</init-param>

<init-param>

<param-name>allowedMethods</param-name>

<param-value>GET,POST,PUT,DELETE,HEAD,OPTIONS</param-value>

</init-param>

<init-param>

<param-name>allowedHeaders</param-name>

<param-value>*</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>cross-origin</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

也可以打开 web.xml 配置文件中的注释,这些配置已经存在了只不过是被注释了。

image-20251016135403929

image-20251016135444700

其中一部分配置大概位置在 143 行到 162 行。剩下的在 197 行到 162 行。

这里要注意只需要打开通过 Jetty 配置跨域,通过 Tomcat 配置跨域不需要打开。因为我们只复制了 Jetty 相关的 jar包,如果打开了 Tomcat 的配置会因为缺少 jar 包而报错。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/7 6:40:59

Thinkphp和Laravel人才求职招聘网站系统4b152

目录具体实现截图项目开发技术介绍PHP核心代码部分展示系统结论源码获取/同行可拿货,招校园代理具体实现截图 本系统&#xff08;程序源码数据库调试部署讲解&#xff09;带文档1万字以上 同行可拿货,招校园代理 Thinkphp和Laravel人才求职招聘网站系统4b152 项目开发…

作者头像 李华
网站建设 2026/7/7 9:15:26

Thinkphp和Laravel旅游网站设计与实现vue

目录具体实现截图项目开发技术介绍PHP核心代码部分展示系统结论源码获取/同行可拿货,招校园代理具体实现截图 本系统&#xff08;程序源码数据库调试部署讲解&#xff09;带文档1万字以上 同行可拿货,招校园代理 Thinkphp和Laravel旅游网站设计与实现vue 项目开发技术介…

作者头像 李华
网站建设 2026/7/7 16:09:48

Failed to start nginx.service: Unit nginx.service not found.

分享一篇nginx安装后&#xff0c;出现&#xff1a;Failed to start nginx.service: Unit nginx.service not found. 我们需要如何解决这个问题在使用 Nginx 1.26.3 时遇到了 nginx.service找不到的问题。这是因为通过源码编译安装 Nginx 后&#xff0c;systemd 没有对应的服务单…

作者头像 李华
网站建设 2026/7/7 18:39:56

基于PySide6实现DockWidget内部组件自动换行布局

DockWidget窗口大小改变时&#xff0c;内部的按钮能够自动重新排列&#xff0c;以最佳方式利用可用空间。具体表现为&#xff1a;1. 当水平空间足够时&#xff0c;按钮排成一行2. 当水平空间不足时&#xff0c;按钮自动换行程序环境Python 3.8.9pyside66.1.3pip install pyside…

作者头像 李华
网站建设 2026/7/7 2:17:44

通达信老司机上车

{}VAR1:(CHOL)/4; 卖出:XMA(VAR1,20)*(180/1000),POINTDOT,COLORGREEN,LINETHICK3; 买入:XMA(VAR1,32)*(1-100/1000),POINTDOT,COLORMAGENTA,LINETHICK3; 幅度:100*(卖出-买入)/买入,NODRAW; 菩提:买入(卖出-买入)*2/3;{此函数仅做参考线,为提前趋势预测线,上涨途中向下见顶,下…

作者头像 李华
网站建设 2026/7/7 18:51:02

5D动感影院设备投资成本及球幕影院市场前景分析

在本文中&#xff0c;我们将全面探讨5D动感影院设备的投资成本及其市场前景。首先&#xff0c;了解设备的价格构成是评估投资回报的基础。通常&#xff0c;成本包括设备采购、场地费用及运营开销。这些费用对于初期投资者而言尤为重要。其次&#xff0c;市场需求的不断增长为5D…

作者头像 李华