angularjs - HTTP 拦截器：使用 url 参数而不是标头进行基于令牌的身份验证

Question

我在 AngularJS 中使用我的后端 api 进行基于令牌的身份验证的以下代码：

$httpProvider.interceptors.push(['$q', '$location', '$localStorage', function($q, $location, $localStorage) {
        return {
            'request': function (config) {
                config.headers = config.headers || {};
                if ($localStorage.token) {
                    config.headers.Authorization = 'Bearer ' + $localStorage.token;
                }
                return config;
            },
            'responseError': function(response) {
                if(response.status === 401 || response.status === 403) {
                    $location.path('/signin');
                }
                return $q.reject(response);
            }
        };
    }]);

这会将“授权”标头设置为我的令牌。

如何修改我的代码以使用 URL 参数（名为“access_token”）而不是标头？

Answer 1

您需要使用参数params – {Object.}的配置对象：

params – {Object.<string|Object>}– 字符串或对象的映射，将在 url 之后转换为 ?key1=value1&key2=value2。如果值不是字符串，它将被 JSON 化。

AngularJS 参考指南

$httpProvider.interceptors.push(['$q', '$location', '$localStorage', function($q, $location, $localStorage) {
        return {
            'request': function (config) {
                //config.headers = config.headers || {};
                 config.params = config.params || {};
                if ($localStorage.token) {
                   config.params.access_token = $localStorage.token;                        
                   //config.headers.Authorization = 'Bearer ' + $localStorage.token;
                }
                return config;
            },
            'responseError': function(response) {
                if(response.status === 401 || response.status === 403) {
                    $location.path('/signin');
                }
                return $q.reject(response);
            }
        };
    }]);