javascript - Angular + CORS - 在 Chrome 中不起作用/如何修复和调试？

Question

第三方提供了一项服务，我通过 POST multipart/form-data 访问它。我使用 $http Angular 进行调用，但它仅在 Chrome 中工作。如果我使用 IE，它工作得很好。我怎样才能以更好的方式修复/调试它？使用高级 REST 客户端，我也可以获得响应..

以防万一它有帮助，这是 http 调用:

var fd = new FormData();
var blob = new Blob([file], {type:'text/xml'}); //just an xml file on the scope..
fd.append('xml', blob, 'myfile.xml');

$http({
    url: "https://myurl.at.third-party/mypath",
    method: 'POST',
    headers: {
        'Content-Type': 'multipart/form-data',
        'X-A-Custom-Header-They-Require': '<XMLData><User>myuser</User></XMLData>',
    },
    data: fd,
    transformRequest: angular.identity
}).then(function(response) {
    //do stuff
}, function(error) {
    //handle error
});

在 IE 中，该调用有效，所以我相信 CORS 在服务器上正确设置，但它是 IE，所以谁知道正确呢？ :)

如果我查看 Chrome 网络选项卡，我可以看到它首先执行 OPTIONS 调用，获得 OK 响应，但随后我看不到 POST 或获得任何返回。

有人知道我该如何继续吗？

谢谢!!

Answer 1

正如 @Quentin 所说，查看 Chrome 开发工具中的控制台选项卡，检查“网络”选项卡并查看每个与 CORS 相关的 header 值。

此外，您可以查看此处以了解 CORS 的工作原理:https://stackoverflow.com/a/25496072/827168这可以帮助您找出问题的根源。