javascript - AngularJS 中的 CORS 错误

Question

当我使用 Fiddler 或任何浏览器端 HTTP 客户端扩展(如 Advanced Rest Client)时，我可以轻松地从 API 获取数据。但是当我尝试使用 Angular JS 中的相同 API 时，CORS 问题立即出现。我尝试使用以下几行来解决 AngularJS 中的问题，但不幸的是它不起作用。

appd.config(function ($httpProvider) {
  //  $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    // $httpProvider.defaults.headers.post['Accept'] = '*/*'
    $httpProvider.defaults.useXDomain = true;
    $httpProvider.defaults.withCredentials = true;
    delete $httpProvider.defaults.headers.common["X-Requested-With"];
    $httpProvider.defaults.headers.common["Accept"] = "*/*";
    $httpProvider.defaults.headers.common["Content-Type"] = "application/x-www-form-urlencoded";
    $httpProvider.defaults.headers.common['Authorization'] = 'Basic encodedpassword=';
}); 

我在 mozilla 中遇到以下错误:

跨源请求被阻止:

The Same Origin Policy disallows reading the remote resource at http://host/training_webapi. This can be fixed by moving the resource to the same domain or enabling CORS.

Chrome 中的以下内容:

 XMLHttpRequest cannot load http://host/training_webapi The request was redirected to 'http:host/training_webapi/', which is disallowed for cross-origin requests that require preflight.

Answer 1

您请求的服务不允许 CORS(响应中不会发送访问控制)。您需要包含 header Access-Control-Allow-Origin: * 作为响应的一部分(但事实并非如此)。

看这个:http://www.html5rocks.com/en/tutorials/cors/