0

Rackspace Cloud Files を介して CDN でホストされているイメージがあります。「Access-Control-Allow-Origin」ヘッダーを「*」に設定しています。

curl -I http://ddfe38685b82abf2025a-3d3d68979b9884dbb99ee38fe4e87955.r49.cf1.rackcdn.com/images/ads/6/a6c3d7ec7ca8d8a41a4a065e27e317e2.jpg
HTTP/1.1 200 OK
Content-Length: 1304399
Accept-Ranges: bytes
Last-Modified: Tue, 03 Mar 2015 02:10:06 GMT
ETag: c8767efedb8057eaa637a2caeabed834
X-Timestamp: 1425348605.85405
Access-Control-Allow-Origin: *
Content-Type: image/jpeg
X-Trans-Id: tx5115bede82244690acd6a-0054f51e84dfw1
Cache-Control: public, max-age=259200
Expires: Fri, 06 Mar 2015 02:37:57 GMT
Date: Tue, 03 Mar 2015 02:37:57 GMT
Connection: keep-alive

ただし、AJAX 経由でこのファイルをダウンロードしようとすると、次のようになりますNo 'Access-Control-Allow-Origin' header is present on the requested resource

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://ddfe38685b82abf2025a-3d3d68979b9884dbb99ee38fe4e87955.r49.cf1.rackcdn.com/images/ads/6/a6c3d7ec7ca8d8a41a4a065e27e317e2.jpg', true);
xhr.send();

「Access-Control-Allow-Origin」が明確に設定されているときにこのエラーが発生する理由はありますか?

4

1 に答える 1

0

さて、画像を再アップロードしてヘッダーを再設定すると、問題が解決したようです。

参考までに、Fog を使用して次のような画像をアップロードします。

directory.files.create({
    :key => image_file_path,
    :body => File.read(image_temp_path),
    :public => true,
    'Access-Control-Allow-Origin' => '*'
})
于 2015-03-03T06:43:17.540 に答える