Question

我是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：{＆＃39; x-access-token＆＃39;：$ 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操作中发送标题，我应该在拦截器中更改什么？

拦截器 - 令牌 - AngularJS

0 个答案: