Question

我编写了一个http拦截器来为每个请求添加身份验证令牌。在我的html中，当我点击链接时，不会调用此拦截器。不确定为什么会这样？

我的拦截器代码 -

angular.module('demo', [])
.factory('httpAuthorizationInterceptor',['$window', function ($window) {
    return {
        request: function (config) {
            if (config.url.indexOf('login') == -1) {
                config.headers['Authorization'] = 'Session ' +<session_id>;
            }
            return config || $q.when(config);
        }
    };
}])

我的HTML -

<a data-ng-href="http://example.com/view"></a>

Answer 1

您的锚标记实际上不会进行ajax调用，http拦截器用于拦截通过angular进行的ajax调用。单击该锚标记就像在浏览器中打开URL一样。

为了执行ajax调用：您需要以下列方式调整代码：

angular.module('demo', [])
.config(['$httpProvider', function ($httpProvider) {

    var interceptor = [function() {
        return {
            'request': function(config) {
                if (config.url.indexOf('login') == -1) {
                    config.headers['Authorization'] = 'Session ' + <session_id>;
                }
                return config;
            }
        };
    }];

    $httpProvider.interceptors.push(interceptor);
}]);

现在您的控制器代码看起来像是：

$scope.doSomething = function() {
    $http({method: 'GET', url: 'http://example.com/view'}).then(function(data) {
        // success
    });
};

您的HTML代码将是：

<a href="doSomething()"></a>

唯一的问题是，您正在进行ajax调用的外部网址要么位于同一个域中，要么必须支持跨域请求。

希望这有帮助！

外部网址的Http拦截器

1 个答案: