为何GeoServer WFS源下载为XML文件，无法在OpenLayers显示空间数据？

你的问题主要出在数据格式不匹配和请求参数错误这两个关键点上，咱们一步步来修正：

1. 核心问题拆解 #

你在OpenLayers里指定了ol.format.GeoJSON()作为解析格式，但GeoServer的WFS默认返回的是GML格式（比如WFS 2.0.0对应的GML3.2），这就导致OpenLayers无法正确解析返回的XML数据，自然显示不了空间要素。

同时你的请求URL里还藏着小错误：

• URL里的& request=GetFeature多了一个空格，这会让GeoServer无法正确识别request参数
• 没有明确指定outputFormat参数，GeoServer不知道要返回GeoJSON格式的数据

2. 修正后的可用代码 #

把代码改成下面这样，就能正常加载WFS要素了：

const WfsLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(),
    url: function(extent) {
      // 动态URL实现按需加载，也可以写静态URL，但动态加载更高效
      return "http://www.mygisdomen.su/geoserver/wfs?" +
        "service=WFS&" +
        "version=2.0.0&" +
        "request=GetFeature&" +
        "typeNames=wsname:layername&" +
        "outputFormat=application/json&" +
        "srsName=EPSG:3857&" + // 匹配你的OpenLayers地图投影，通常是3857
        "bbox=" + extent.join(',') + ",EPSG:3857";
    },
    strategy: ol.loadingstrategy.bbox // 只加载当前视野内的要素，提升性能
  })
});

3. 关键修改点说明 #

• 添加outputFormat=application/json：强制GeoServer返回GeoJSON格式，和你指定的ol.format.GeoJSON()解析器匹配
• 修复URL参数空格：把& request=GetFeature改成&request=GetFeature（JS里直接用&就行，不用转义成&，同时去掉多余空格）
• 指定投影参数srsName：确保返回的要素坐标系和你的OpenLayers地图一致（大部分场景下是EPSG:3857，若你的地图用了其他投影，改成对应值即可）
• 可选：添加bbox加载策略：实现按需加载，避免一次性请求全量要素导致性能问题

4. 额外排查建议 #

如果还是没显示，你可以做这些检查：

• 打开浏览器开发者工具（F12），查看Network面板里的WFS请求，确认返回的是GeoJSON数据而非XML
• 检查跨域配置：如果前端页面和GeoServer不在同一域名下，需要在GeoServer的web.xml里配置跨域过滤器（不过你说WMS正常，大概率已经配置过了）
• 确认wsname:layername的拼写完全正确，GeoServer对工作区和图层名称的大小写是敏感的

内容的提问来源于stack exchange，提问作者Tyomik_mnemonic