从AngularJS对允许CORS的Django服务器执行ajax调用

Question

我正在使用AngularJS和基于Django-Tastypie的REST API开发Web应用程序以获取数据。

为了执行ajax请求，我使用django-cors-header框架（ https://github.com/ottoyiu/django-cors-headers ）在django上启用了跨源资源共享，但是我在chrome inspector中注意到预检了在几乎立即取消主请求之前发送的请求（一个OPTIONS请求），我在Django服务器中看到的日志记录为： "OPTIONS /api/airport/19643 HTTP/1.1" 301

我发现了一些与此相关的帖子，建议删除标题中的'X-Requested-With'参数（ Access-Control-Allow-Origin不允许$ http.get，但$ .ajax允许 ），但这只能解决问题用于GET请求。 因此，如果我尝试发送PUT或POST请求，则会发送预检请求并被取消！

这是启用CORS但不从标题中删除之前的参数时在检查器上看到的内容：

对于PUT请求，我也会遇到相同的错误。

我真的看不出问题出在哪里，所以我希望有人能指出我正确的方向。

非常感谢

Answer 1

我建议，您可以尝试使用以下用于chrome的命令行选项来允许CORS进行本地测试：

Chrome.exe --allow-file-access-from-files

注意：您的镶边不能打开。 运行此命令时，Chrome会自动打开。

如果要在命令提示符下输入此命令，请选择chrome安装目录，然后使用此命令。

Answer 2

问题是URL中缺少/ 。 因此，我应该使用/api/airport/19643/ （很奇怪...），而不是将ajax请求发送到： /api/airport/19643

（有关CORS的更多详细信息，建议您查看https://developers.google.com/storage/docs/cross-origin ）