Http.post 请求的资源上不存在 'Access-Control-Allow-Origin' header

Question

所以我正在尝试从 angular 向我的 MVC 帐户控制器调用 http.post 请求以执行 externallogin 方法。我一直收到错误 "No 'Access-Control-Allow-Origin' header is present on the requested resource." 所以我做了一些挖掘，它似乎与 CORS 有关。

 var chrome = 100;
    var width = 500;
    var height = 500;
    var left = (screen.width - width) / 2;
    var top = (screen.height - height - chrome) / 2;
    var options = "status=0,toolbar=0,location=1,resizable=1,scrollbars=1,left=" + left + ",top=" + top + ",width=" + width + ",height=" + height;
    window.open("about:blank", "login-popup", options);

    authService.externalLogin(provider, returnUrl).then(function (response) {

    })

var _externalLogin = function (provider, returnUrl) {
    _logOut();
    var deferred = $q.defer();
    $http.post(
'/Account/ExternalLogin', {
    provider: provider,
    ReturnUrl: returnUrl
}).success(function (response) {
deferred.resolve(response);}).error(function (err, status) {
_logOut();
deferred.reject(err);});
    return deferred.promise;
};

所以这会进入控制器并创建相应的路径。但是，当它完成该方法时，它会在不重定向打开的 window.

的情况下产生错误

我尝试使用 http://www.html5rocks.com/en/tutorials/cors/ 实现 CORS，但没有任何改变。有人可以解释如何解决这个问题吗？

Answer 1

尝试根据您的 post 请求设置一些 headers。例如，您可以进行一些自定义：

app.run(function ($http) {
  // Sends this header with any AJAX request
  $http.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
  // Send this header only in post requests. Specifies you are sending a JSON object
  $http.defaults.headers.post['dataType'] = 'json'
});

希望对您有所帮助！

编辑：以下似乎有效（阅读下面的评论）：

$http({ 
  url: '/Account/ExternalLogin', 
  dataType: 'json', 
  method: 'POST', 
  data: { 
    provider: provider, 
    ReturnUrl: returnUrl 
  }
});

Http.post 请求的资源上不存在 'Access-Control-Allow-Origin' header

Http.post No 'Access-Control-Allow-Origin' header is present on the requested resource

http

access-control

http-headers

cors

angularjs