我无法设置基本身份验证标头

Question

我是角的新手。我正在尝试使用基本的身份验证标头向服务器发送GET请求，但它不起作用。这是我的代码，

///////////////My app.js///////////////
var myApp = angular.module('myApp', ['ngRoute', 'ui.bootstrap']);

myApp.config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider){
    $httpProvider.defaults.headers.common['Authorization'] = 'Basic YWRtaW46YWRtaW4=';
    $routeProvider
    .when('/', {
        controller: 'UserController',
        templateUrl: './app/views/homepage.html'
    })  
    .when('/users', {
        controller: 'UserController',
        templateUrl: './app/views/userlist.html'
    });
}]);

///////////////My userService.js///////////////
myApp.factory('UserService', function($http){
var factory = {};
var urlBase = 'http://xxx.xxx.xxx.xxx/api';
    factory.getUsers = function(){
        return $http.get(urlBase+'/getusers');
    };
    return factory;
});

当我从控制器调用服务时，浏览器的控制台中显示了2个错误，

• 选项http://xxx.xxx.xxx.xxx/api/getusers
• XMLHttpRequest无法加载http://xxx.xxx.xxx.xxx/api/getusers.请求的资源上不存在“访问控制允许源”标头。起源http://localhost:3000因此不允许访问。响应具有HTTP状态代码401

当我通过邮递员应用程序发送请求时，它正常工作。

感谢您的帮助。

Answer 1

后端开发人员解决的 CORS 错误。所以我认为联系你的后端开发人员....

Answer 2

这是CORS问题。您的服务器应该设置一些基本的CORS过滤器。已经有很多问题在这方面提出和回答。

Answer 3

这显然是一个跨域请求问题

邮递员是分机

常规网页可以使用XMLHttpRequest对象从远程服务器发送和接收数据，但它们受到同源策略的限制。扩展没有那么受限制。扩展可以与其源之外的远程服务器通信，只要它首先请求跨源权限。

出于开发目的，您可以简单地禁用chrome的< code >-disable-we b-security ，这将为您完成工作。

或者

您可以简单地使用这个chrome扩展：允许控件允许原点