我是AngularJS的新手,我遇到了我创建的拦截器和restAPI的问题。
拦截器代码是:
factory('AuthInterceptor', ['$q', '$location', '$localStorage', function ($q, $location, $localStorage) {
return {
'request': function (config) {
config.headers = config.headers || {};
if ($localStorage.token) {
config.headers["Authorization"] = 'Bearer ' + $localStorage.token;
}
console.log($localStorage.token);
console.log(config);
return config;
},
'responseError': function (response) {
if (response.status === 401 || response.status === 403) {
$location.path('/login');
}
return $q.reject(response);
}
};
}]);
我从我创建的其他api的调用与此类似:
$http.get('/api/producto/', {headers: {'x-access-token': $localStorage.token}})
.success(function (data) {
})
.error(function (data) {
console.log('Error: ' + data);
});
如果我将{headers:{' x-access-token':$ localStorage.token}}发送到$ http,则restapi工作正常但如果我删除它则会失败,错误403(禁止)
我决定在所有GET apis中添加它,但是对于POST,它没有像我预期的那样工作。我的POST api看起来像这样:
var formData = {
cliente: $scope.newCliente,
headers: {'x-access-token': $localStorage.token}
};
$http.post('/api/cliente', formData)
.success(function (data) {
....
})
.error(function (data) {
console.log('Error: ' + data);
});
我做错了什么?为了不在GET或POST操作中发送标题,我应该在拦截器中更改什么?