AngularJS $http 对 Web 服务的请求需要 CORS

Question

我正在编写一个需要访问 WebService（我无法控制）的服务 - 我想在我的应用程序中使用的 API。我已经在浏览器中访问了有问题的 url，并且登录成功，并且可以看到我的访问令牌，但是当我尝试使用 $http 访问同一页面时，我在 IE 的开发者控制台中出现错误。

angular.module("app").factory("MyService", function($http){
    var serviceUrl = "http://some-web-page/service.asmx/";

    var logOn = function(username, password){
        var getUrl = serviceUrl + "logOn?username="+username+"&password="+password;
        $http.get(getUrl).then(
                function successCallback(response){
                    console.log("Success");
                    console.log(response);
                }, function errorCallback(response){
                    console.log("Error");
                    console.log(response);
                }
        );
    };

    return {
        logOn: logOn
    };
}).config(function($httpProvider){
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

在控制台中我得到了

HTML1300: Navigation occurred.
File: home
HTML1503: Unexpected start tag.
File: home, Line: 5, Column: 1
SEC7118: XMLHttpRequest for http://some-web-page/service.asmx/logOn?username=username&password=password required Cross Origin Resource Sharing (CORS).
File: home
SEC7115: :visited and :link styles can only differ by colour. Some styles were not applied to :visited.
File: home

SEC7120: Origin http://localhost not found in Access-Control-Allow-Origin header.
File: home
SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.

Answer 1

chrome和mozilla有一个叫cors的插件安装它，不会出现cors的问题。 https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/ https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

Answer 2

你不能从你的客户端向远程服务器查询（不管你使用的是哪个框架，它下面都是建立在 XMLHttpRequest 之上的），除非他们在他们这边启用并实现了 CORS（服务器托管在 @987654321 @)。您可以向您的服务器发出请求，也可以从您的服务器向远程服务器发出请求，但这并不总是一个理想的解决方案。