来自原点的文本轨道已被阻止加载和 Heroku Django 应用程序

Question

我正在使用 Amazon CloudFront，并希望将我的captions.vtt文件托管在那里。 但是，每当我加载页面时，都会收到以下错误。

XMLHttpRequest cannot load https://d1i1yohwujljp9.cloudfront.net/static/video/tutorial/captions.vtt. 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

我正在使用Django 1.7+和GUNICORN和HEROKU - NGINX将很快设置，我知道我可以通过它提供静态文件，但不想这样做。

这是我的 HTML。

<track kind="captions" src="{{STATIC_URL}}video/tutorial/captions.vtt" srclang="en" label="English" default>

我试过使用 Django 的 https://github.com/ottoyiu/django-cors-headers 但它似乎什么也没做。 我将其设置为几乎允许任何事情。

更新

curl -I -s --insecure "https://d1i1yohwujljp9.cloudfront.net/static/video/tutorial/captions.vtt"

HTTP/1.1 200 OK
Content-Type: application/octet-stream
Content-Length: 112
Connection: keep-alive
Date: Fri, 23 Jan 2015 18:42:42 GMT
Last-Modified: Sun, 18 Jan 2015 05:25:20 GMT
ETag: "09ee18ad6d692bc08edee7cf6dd03651"
Accept-Ranges: bytes
Server: AmazonS3
Age: 501
X-Cache: Hit from cloudfront
Via: 1.1 ccedfe86d5af8e32c02c061b18dc9156.cloudfront.net (CloudFront)
X-Amz-Cf-Id: 35KzEB7s8LGVUtyUzAfUYXF0VBnArmO-Ep96bzLn1JqaUmaf0go8pg==

Answer 1

请检查这个：stackoverflow.com/questions/12358173/....可能正是您正在寻找的答案。或者 - 当您直接点击 S3 并提供 S3 的 curl 输出时，请确认它有效