javascript - 我在 angularjs 中丢失了 CORS header ‘Access-Control-Allow-Origin’

Question

我收到了 CORS标题丢失错误。我不能修改后端web服务的代码，我只能更改客户端应用程序。

我可以在 google chrome 上添加“Allow control allow origin”插件，但我不想在所有客户端上安装插件来访问 api。我如何更改我的 AngularJS代码，这样我就不会遇到这个问题？

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope, $http) {
    $http.get('url', {
        headers: { 'Authorization': 'Basic a2VybmVsc3B==' }
    })
        .then(function (response) {
            $scope.names = response.data;
        });
});
</script>

Answer 1

如 mentioned在评论中，您将不得不使用代理或某种代理。没有办法解决这个问题。

然而，它相当简单:使为 angularjs 应用程序提供服务的服务器执行 api 调用。

首先，您必须了解服务器和客户端是什么。之后，您需要了解您的 angularjs 应用程序是由服务器提供的。您的 angularjs 应用程序可以向该服务器发出 http 请求，该服务器将调用 api，并将结果返回给客户端:



我在某种程度上假设 Node 服务器正在为您的 angularjs 应用程序提供服务，但任何服务器都可以这样做，它将能够发出 http 请求而不是跨域请求。

在您的情况下，当您执行 url 时调用，而不是调用为您的应用程序提供服务的服务器，然后从该服务器创建一个将调用外部 api 的服务。