Cors 在中启用的跨源资源共享。htaccess不起作用

Cors 在中启用的跨源资源共享。htaccess不起作用,cors,Cors,我在图像服务器mapile.org上创建了一个.htaccess文件 Header set Access-Control-Allow-Origin "*" Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type" Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS" 我使用a2enmod头启用了mo

我在图像服务器mapile.org上创建了一个.htaccess文件

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
我使用a2enmod头启用了mod头 我测试了它是使用apachectl-M启用的,并且它列出了模块共享的标题

问题中建议:

但是,当我尝试使用html2canvas将地图保存为图像时,控制台中会出现错误

错误:

源图像已被阻止加载 按跨来源资源共享策略:否 “Access Control Allow Origin”标头出现在请求的服务器上 资源因此,不允许原产地 进入

当图像存储在justicemap.org域中时,“另存为图像”功能会起作用

当我使用html2canvas时,请求方法是GET,响应状态代码是200,mimeType是image/png。我看不到Access Control Allow Origin标头


我是否需要添加原点标题?当我在Chrome Javascript控制台中检查请求时,我没有看到一个。我用的是Lighttpd。我没有意识到这一点,因为Cloudflare将服务器头替换为:server:Cloudflare nginx


我能够使用配置Lighttpd来工作。

我遇到了同样的问题,通过将crossOrigin选项设置为null来解决,如下所示:

layers: [
  new ol.layer.Tile({
    source: new ol.source.OSM({
      url: 'http://tile-server-ip/osm/{z}/{x}/{y}.png',
      crossOrigin: null
    })
  })
],

我正在使用Cloudflare进行DNS。这会影响到这一点吗?此链接表示Cloudflare支持CORS: