来自原点的Text Track已被阻止加载和Heroku Django App

时间:2015-01-18 08:53:48

标签: django cors amazon-cloudfront django-cors-headers

我使用的是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==

1 个答案:

答案 0 :(得分:1)

请检查:stackoverflow.com/questions/12358173 / ...可能正是您正在寻找的答案。或者 - 当你直接点击S3时,请确认它是否有效。提供S3的卷曲输出