Javascript js代码中的CORS错误 var vectorSource=新的ol.source.Vector({ 格式：新建ol.format.GeoJSON（）， url:“http://localhost/cgi-bin/mapserv.exe?map=D:\MS4W\Apache\htdocs\baseWFS.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=getfeature&TYPENAME=parcel&bbox=518259.1450003240058.724100519352.3957003241604.305400，EPSG:4326&outputformat=geojson“， 策略：ol.loadingstrategy.all }); var vector=新的ol.layer.vector({ 来源：矢量源， 风格：新的ol风格({ 笔划：新的ol风格笔划({ 颜色：“rgba（0,0,0,1.0）”， 宽度：2 }) }) }); var map=新ol.map({ 图层：[矢量]， 视图：新ol.view({ 中心：[5187443240850]， 最大缩放：10， 缩放：1 }), 目标：document.getElementById（'map'） });

我编写了这段js代码，但没有显示任何内容，并且出现以下错误：

---

已阻止跨源请求：同一源策略不允许读取位于的远程资源。（原因：CORS标头“访问控制允许源站”丢失）。

这是服务器端问题。在服务器端允许客户端域。也请检查此项

只需将CORS插件添加到chrome，使用下面的链接并从chrome启用它

它只是减少了手动操作的痛苦。

RE:“这很简单，发出请求时缺少CORS头。请从客户端添加CORS！！？？…”“不，你是在暗示一个我反复看到的基本新手错误。。。

---

CORS（跨来源资源共享）是服务器表示“即使您来自不同来源，我也会接受您的请求”的一种方式。例如，Web API服务在服务器端口5000上运行，客户端在端口4200上运行。。。这需要服务器的合作和配置——因此，如果您无法修改服务器（例如，如果您使用的是外部API），这种方法将无法工作。有人建议出于开发目的在客户端浏览器上禁用CORS安全选项…，但这并不推荐，而且风险很大，因为你让前门敞开着。

让我知道完整的代码，我将帮助你添加CORS标题，我是说你是如何提出请求的，任何像“请求”这样的客户端？请提供有关客户端和服务器的完整信息。您是否通过

文件：//

url运行此脚本？该协议不允许CORS。如果您同时使用localhost（或将所有内容保留在同一域名上），则不会出现此问题。我会这样做，但问题尚未解决

    <script type="text/javascript">
        var vectorSource = new ol.source.Vector({
            format: new ol.format.GeoJSON(),
            url:    "http://localhost/cgi-bin/mapserv.exe?map=D:\MS4W\Apache\htdocs\baseWFS.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=getfeature&TYPENAME=parcel&bbox=518259.145000,3240058.724100,519352.395700,3241604.305400,EPSG:4326&outputformat=geojson",
            strategy: ol.loadingstrategy.all
        });

        var vector = new ol.layer.Vector({
            source: vectorSource,
            style: new ol.style.Style({
                stroke: new ol.style.Stroke({
                    color: 'rgba(0, 0, 0, 1.0)',
                    width: 2
                })
            })
        });
        var map = new ol.Map({
            layers: [vector],
            view: new ol.View({
                center: [518744, 3240850],
                maxZoom: 10,
                zoom : 1            
            }),
            target: document.getElementById('map')
        });