news 2026/8/7 23:44:55

开发问题】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/8/7 21:42:57

Thinkphp和Laravel企业防爆安全设备信息系统

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

作者头像 李华
网站建设 2026/8/7 2:26:33

Thinkphp和Laravel全家桶鲜花售卖商城系统vue

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

作者头像 李华
网站建设 2026/8/5 12:16:57

记录我适配iOS26遇到的一些问题

. 暂时关闭Liquid Glass 液态玻璃在iOS26中&#xff0c;系统默认开启了Liquid Glass 液态玻璃效果。例如UINavigationBar和UITabBar等&#xff0c;并且是强制性的。但是在项目紧急上线&#xff0c;适配没有做好的情况可以暂时关闭这个效果。当然苹果也给了最终限制&#xff0c;…

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

通过命令模拟pod创建

篇文章主要涉及到 kubelet 通过 csi 向运行时发送创建请求&#xff0c;运行时发生了什么&#xff1f;pod 网络又是怎么连通的&#xff1f;对应的流量图画板我们将使用 docker 和 linux Bridge 去完成这个 pod 需求流程描述kubelet 通过 CRI 接口调用运行时&#xff08;如 conta…

作者头像 李华
网站建设 2026/8/7 4:22:29

同步机无感 STM32 低成本 MD500E 永磁同步控制方案大揭秘

同步机无感 STM32低成本MD500E永磁同步控制方案&#xff0c;pmsm&#xff0c;高性价比变频器参考方案 md500e三电阻采样&#xff0c;移植了500e的永磁同步电机控制的关键代码&#xff0c;实现了精简版500e&#xff0c;默认电位器调速&#xff0c;用了一种优化的无感磁链观测器f…

作者头像 李华