为一个请求设置 HTTP 标头

IT技术 javascript http-headers angularjs
2021-02-08 01:30:16

我的应用程序中有一个需要基本身份验证的特定请求,因此我需要为该请求设置 Authorization 标头。我阅读了有关设置 HTTP 请求标头的信息,但据我所知,它将为该方法的所有请求设置该标头。我的代码中有这样的东西:

$http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==";

但我不希望我的每一个帖子请求都发送这个标头。有什么办法可以只为我想要的一个请求发送标头吗?还是我必须在我提出要求后将其删除?

2个回答

您传递给$http每个调用标头的配置对象中有一个标头参数

$http({method: 'GET', url: 'www.google.com/someapi', headers: {
    'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

或者使用快捷方法:

$http.get('www.google.com/someapi', {
    headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

$http服务文档中提供了有效参数的列表

有没有办法扩展 $http (同时保持“可注入性”并且不必将其应用于默认标头集合)以自动为您添加此标头?总是必须为您进行的每个安全呼叫添加标头似乎有点多余。
2021-03-13 01:30:16
@dnc253 这也适用于快捷方法。代码将是$http.get('www.google.com/someapi', {headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}});
2021-03-29 01:30:16
对我不起作用。我以这种方式添加的标题都没有添加到实际请求中。
2021-04-06 01:30:16
每当我尝试设置标头时,我的请求都会作为OPTION请求发出,因此我的端点返回一个404 NOT FOUND有意义的:它只知道一个GET /someResource不是OPTIONS /someResource
2021-04-10 01:30:16
我想我应该更仔细地看一下文档......我只是想使用快捷方法。这很好用。谢谢。
2021-04-12 01:30:16

试试这个,也许它有效;)

.factory('authInterceptor', function($location, $q, $window) {


return {
    request: function(config) {
      config.headers = config.headers || {};

      config.headers.Authorization = 'xxxx-xxxx';

      return config;
    }
  };
})

.config(function($httpProvider) {
  $httpProvider.interceptors.push('authInterceptor');
})

并确保您的后端也能正常工作,试试这个。我正在使用 RESTful CodeIgniter。

class App extends REST_Controller {
    var $authorization = null;

    public function __construct()
    {
        parent::__construct();
        header('Access-Control-Allow-Origin: *');
        header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Authorization");
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
        if ( "OPTIONS" === $_SERVER['REQUEST_METHOD'] ) {
            die();
        }

        if(!$this->input->get_request_header('Authorization')){
            $this->response(null, 400);    
        }

        $this->authorization = $this->input->get_request_header('Authorization');
    }

}