Apache:缺少CORS标题"Access-Control-Allow-Origin"

Question

我在其他一些使用jquery帖子在我的网站上调用一些svg图像我在控制台中得到以下错误

跨源请求已阻止:同源策略禁止通过https://abc/svgpaths/sample.svg读取远程资源.(原因:缺少CORS标题'Access-Control-Allow-Origin').

我在.htaccess文件中设置了以下参数

<IfModule mod_headers.c>
     Header add Access-Control-Allow-Origin "*"
</IfModule>

我还在putty中测试了a2enmod标头,它显示我已启用模块标头

但是当我使用Ip而不是域名时

例如:https://1.2.3.5/svgpaths/sample.svg

我在控制台net :: ERR_INSECURE_RESPONSE中得到以下错误

我无法弄清楚该做些什么来修复它,请指导我解决问题.

Js代码从其他服务器调用svg

案例1 与ip(主域和子域上的不同ssl)

fabric.loadSVGFromURL("https://1.2.3.4/svgpaths/sample.svg", function(objects, options){
            var object = new fabric.util.groupSVGElements(objects, options);
            object.set({
                fill: '#000000',
                selectable:false
            }); 

错误:ERR_INSECURE_RESPONSE

情况2 当使用differnet子域调用时:(子域解析为与上面的情况1相同的ip,我最近指向子域,因此在错过的confi文件中有一些设置)

fabric.loadSVGFromURL("https://abd.maindomain.com/svgpaths/sample.svg", function(objects, options){
            var object = new fabric.util.groupSVGElements(objects, options);
            object.set({
                fill: '#000000',
                selectable:false
            }); 

错误:Apache:缺少CORS标头"Access-Control-Allow-Origin"

Answer 1

您可能没有有效的 SSL 证书。您可以通过转到实际请求 URL 来测试这一点。

包含实际的 HTTP 响应也会很有帮助（可以在 Chrome 开发人员工具的网络选项卡中找到）。

附言。我本来会回复评论，但在移动设备上已损坏