有没有办法在$httpProvider外面设置标题angular.module('myApp', []).config()？
登录用户后，我从服务器获取了一个 Auth-Token，我需要将它作为 HTTP 标头添加到所有后续请求中。
在 AngularJS 中设置应用程序范围的 HTTP 标头
IT技术
javascript
mvvm
angularjs
2021-03-22 19:21:08
3个回答
您可以为 angular 1.0.x使用默认标头：
$http.defaults.headers.common['Authentication'] = 'authentication';
或为 angular 1.1.x+请求拦截器：
myapp.factory('httpRequestInterceptor', function () {
return {
request: function (config) {
// use this to destroying other existing headers
config.headers = {'Authentication':'authentication'}
// use this to prevent destroying other existing headers
// config.headers['Authorization'] = 'authentication';
return config;
}
};
});
myapp.config(function ($httpProvider) {
$httpProvider.interceptors.push('httpRequestInterceptor');
});
由于工厂/服务是单例，只要您不需要在服务实例化后动态更改“身份验证”值，这就会起作用。
$http.defaults.headers.common['Auth-Token'] = 'token';
它似乎headers()规范了键名。
添加到@Guria 和@Panga 的上述回复
config.headers['X-Access-Token'] = $window.sessionStorage.token;
可以在标头中使用 x-access-token 作为 JWT(jsonwebtoken)。当用户第一次进行身份验证时，我将 JWT 存储在会话存储中。