我正在使用ES6类构建一个AngularJS应用程序,并使用traceur将其转换为AMD格式的ES5。
在我的模块中,我导入拦截器类并将其注册为服务,然后在module.config中将此服务注册到$httpProvider.interceptors中:
var commonModule = angular.module(moduleName, [constants.name]);
import authenticationInterceptor from './authentication/authentication.interceptor';
commonModule.service('authenticationInterceptor', authenticationInterceptor);
commonModule.config( $httpProvider => {
$httpProvider.interceptors.push('authenticationInterceptor');
});
我的拦截器类注入了 $q 和 $window 服务,并将它们保存在构造函数中以备后用。我跟踪了这部分代码并且注入是正确进行的:
'use strict';
/*jshint esnext: true */
var authenticationInterceptor = class AuthenticationInterceptor {
/* ngInject */
constructor($q, $window) {
this.$q = $q;
this.$window = $window;
}
responseError(rejection) {
var authToken = rejection.config.headers.Authorization;
if (rejection.status === 401 && !authToken) {
let authentication_url = rejection.data.errors[0].data.authenticationUrl;
this.$window.location.replace(authentication_url);
return this.$q.defer(rejection);
}
return this.$q.reject(rejections);
}
}
authenticationInterceptor.$inject = ['$q', '$window'];
export default authenticationInterceptor;
当我发出一个响应 401 的请求时,拦截器会适当地触发,但在“responseError”方法中,“this”变量指向的是窗口对象而不是我的拦截器,因此我无法访问this.$q或this.$window。我不知道为什么?有任何想法吗?