来自 origin 的文本轨道已被阻止加载和 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

请检查：Whosebug。com/questions/12358173/…。可能正是您正在寻找的答案。或者 - 请确认它在您直接点击 S3 时有效并提供来自 S3

的 curl 输出

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

Text Track from origin has been blocked from loading and Heroku Django App

django

cors

amazon-cloudfront

django-cors-headers