javascript - XMLHttpRequest 无法加载 URL。对预检的响应未通过...因此不允许访问

Question

这个问题已经有答案了:

“Origin null is not allowed by Access-Control-Allow-Origin” error for request made by application running from a file:// URL (17 个回答)

已关闭 7 年前。

我正在尝试设置一种将 json 发送到服务器的方法，该服务器会将其保存到文件中。我正在尝试为 PhoneGap 应用程序设计它。

目前我有:

tabulated = [Some object]
$.ajax({
    url: "http://localhost:33330/write-file",
    type: "POST",
    crossDomain: true,
    data: "data=" + JSON.stringify(tabulated),
    dataType: "json",
    contentType: "application/json",
    success: function(response) {
        alert(response);
    },
    error: function(request, textStatus, errorThrown) {
        alert(request);
        alert(textStatus);
        alert(errorThrown);
    }
});

服务器端是django服务器。在 urlpatterns ，我包括url(r'^write-file$', views.WriteToFileView.as_view()) ，在views.py中，我有:

class WriteToFileView(View):                                                                                                         
    def get(self, request, *args, **kwargs):                                                                                         
        return HttpResponse()                                                                                                        

    def post(self, request, *args, **kwargs):                                                                                        
        repr(request)                                                                                                                
        return HttpResponse("Yay!") 

响应始终是:

XMLHttpRequest cannot load http://localhost:33330/write-file. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:33331' is therefore not allowed access.

我做错了什么？

编辑 1

这被标记为 this question 的重复项，但我不相信是这样。该问题由于 Null Origin 而失败。我没有这个问题。该页面上的错误没有提及任何有关飞行前检查的内容，而我的则提及了。
此外，我没有访问任何第三方页面。我正在尝试在不同端口上的两个本地主机服务器之间建立通信。 (在错误中注意这一点)

页面上的答案提到:

• 1) “不将 jsonp 类型传递给 $.get” ---> 我没有使用 $.get，也没有传递 jsonp
• 2)“使用 file://URL” ---> 我也不这样做。

尽管如此，我通读了所有答案，但似乎没有一个适用于我的问题。那么我可以解释一下为什么这是重复的吗？

Answer 1

您应该禁用双方的 CORS ..