解决openlayer跨域的问题

已于 2023-04-17 07:53:15 修改
阅读量564 收藏
点赞数
分类专栏： openlayer学习记录 文章标签： 前端
于 2023-04-16 23:04:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46447631/article/details/130189990
版权

在做WebGIS项目读取矢量图层时发现cors配置出了问题，控制台会输出关于Access-Control-Allow-Origin的内容，依次打开openlayer文件的目录geoserver\webapps\geoserver\WEB-INF找到web.xml文件

 在其中找到如下两部分代码并取消注释

 结果如下

 最后重启geoserver服务器，图层正常显示：

地信xiao白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
openlayers：实现加载谷歌地图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
02-06 226
openlayers：实现加载谷歌地图（附完整源码）
OpenLayers加载在线地图跨域问题
weixin_43336525的博客
04-19 1513
OpenLayers加载在线地图跨域问题
跨域问题的处理
m0_69254913的博客
06-02 563
跨域问题
OpenResty 开发
zhangguangtao1207的专栏
07-19 306
ngx修改上传文件大小 http{ client_max_body_size 20m; } ngx 跨域配置 server{ ##-- start 设置跨域-- add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET...
layer弹窗:top.layer弹窗到父页面跨域解决办法
05-15
layer弹窗:top.layer弹窗到父页面跨域，通过postMessage方法将子页面的配置对象发送到父页面中，父页面再通过子页面的配置对象打开弹窗，对象内不能存在事件。
解决openlayers跨域访问的解决方案
10-18
下面将详细介绍如何解决OpenLayers中的跨域问题。 ### 一、理解同源策略 同源策略是Web浏览器的一项安全措施，它限制了来自不同源（协议、域名、端口）的脚本之间共享资源。例如，一个运行在http://example.com上...
layer框架的基础应用
01-11
1. **URL限制**：在使用`layer`框架时，特别需要注意的是，为了防止跨域问题，框架要求父页面（即调用`layer`的页面）必须以`http://localhost`或带有特定域名的形式打开。这是因为浏览器的安全策略限制了不同源之间...
layer 刷新某个页面的实现方法
10-16
下面我们将分别介绍两种常见的情况：使用`layer.open`和`top.layer.open`打开的子页面的刷新方法。 ### 一、使用`layer.open`打开的子页面刷新 当使用layer的`layer.open`方法打开一个子页面时，这个子页面实际上...
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
12-10
最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值传给子页面，子页面拿到值后，...
openlayers笔记1：加载矢量地图数据的方法以及应对跨域问题的解决方法
01-08
OpenLayers笔记1：加载矢量地图数据的方法以及应对跨域问题的解决方法加载矢量地图数据的两种方法加载本地geojson格式文件出现的跨域问题及解决方法。向geoserver请求WFS服务出现的跨域问题及解决方法。 加载矢量地图数据的两种方法 使用OpenLayers加载矢量地图数据可以有两种方法。一是直接加载本地geojson格式的文件；二是将矢量地图数据发布到GIS服务器，然后使用OpenLayers请求WFS服务调取矢量地图数据。（以下以GeoServer为例） 这两种方法在使用时都可能会出现跨域问题（Console中以Access to XMLHttpRequest 开头的错误)
纯js弹出层layer跨Iframe完美回调
12-08
适用小巧的纯js弹出层插件，具体见http://blog.csdn.net/luoyehanfei/article/details/41799969
Openlayers与GeoServer：跨域配置与WMS服务加载
席木木的博客
05-08 1665
跨域配置与WMS服务加载下载与安装访问GeoSever主页发布WMS网络地图服务DataV下载GeoJSON边界数据QGIS制作Shapefile数据源和Style样式文件GeoServer发布WMSGeoServer添加样式到工作区GeoServer发布WMS地图服务到工作区GeoServer：WMS地图服务预览Openlayers加载WMS服务GeoServer图层预览页面详解WMS服务接口GetMap接口GetFeatureInfo接口DescribeLayer接口GetLegendGraphic接口
nginx 设置允许跨域请求
aganliang的专栏
07-07 2844
server { listen 8080; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,POST' always; add_header 'Access-C...
jquery layer打开一个跨域弹窗，在子页面关闭父页面
u010786200的博客
12-08 857
业务场景：父页面需要打开一个跨域的子页面，子页面在执行完某个业务操作后关闭子页面，即关闭在父页面打开的弹窗；
nginx 配置获取GET请求参数、POST请求参数、nginx配置开启跨域访问、nginx+keepalived配置主备切换/双机热备、nginx优化配置
热门推荐
あずにゃん梓喵的博客
08-09 2万+
nginx+keepalived：局域网内网和公网外网 搭建nginx HA 双机热备 高可用 nginx 把 POST请求数据 写入到 日志文件中 nginx 自动解压gzip压缩数据的两种方式：nginx自动解压、后台java程序解压 nginx安装、nginx反向代理/负载均衡、Lua、LuaJIT、openresty、lua-nginx-module、ngx_devel_kit 的安...
Openlayers+vue调用GeoServer的api报跨域错误解决方法
qw15288464251的专栏
08-06 1114
一、问题 在vue项目中使用openlayers加载展示geoserver发布的地图服务，通过单击地图查询点击位置的空间要素信息，调用的geoserver请求接口为“GetFeatureInfo”。通过axios进行请求，报跨域错误：No ' Access-Control-Allow-Origin' header is present on the requested resource. 二、解决方法 进入geoserver安装目录“A:\geoserver-2.19.2\webapps\geos..
Android中使用WebChromeClient显示Openlayers加载本地GeoJson文件显示地图(跨域问题解决)
BADAO_LIUMANG_QIZHI的博客
02-12 2653
场景 Openlayers中加载GeoJson文件显示地图： Openlayers中加载GeoJson文件显示地图_BADAO_LIUMANG_QIZHI的博客-CSDN博客 上面加载显示GeoJson数据显示是使用的在线json的url https://openlayers.org/data/vector/ecoregions.json 如果要在Android中加载显示时，只需要将文件全部复制到assets目录下。 具体可以参考如下 Android中使用WebView加载本地html并支持运
openlayer弹窗
最新发布
09-15
您提到的"openlayer弹窗"可能是指在OpenLayers地图中创建弹窗窗口的功能。 首先，为了创建OpenLayers弹窗，您需要一个DOM对象来承载弹窗内容。这可以通过在HTML页面中添加一个具有唯一ID的div元素来实现。该div元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值