拦截器 - 令牌 - AngularJS

时间:2015-08-16 06:00:17

标签: javascript angularjs node.js angular-http-interceptors

我是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操作中发送标题,我应该在拦截器中更改什么?

0 个答案:

没有答案