如何在刷新令牌刷新jwt后刷新数据
我一直试图让我的刷新标记现在工作一段时间，我希望我接近。 我的令牌刷新并触发随后的200次调用，以致造成401的任何调用，但是我的页面上的数据不刷新。
当访问令牌到期时，会发生以下情况：
在401之后，GetListofCompanyNames返回200，并使用正确更新的访问令牌返回名称列表。 但是，我的下拉列表不刷新。
我的拦截器：
app.factory('authInterceptorService',['$q', '$location', 'localStorageService', '$injector', function($q, $location, localStorageService, $injector) {
return {
request: function(config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
},
responseError: function(rejection) {
//var promise = $q.reject(rejection);
var authService = $injector.get('authService');
if (rejection.status === 401) {
// refresh the token
authService.refreshToken().then(function() {
// retry the request
var $http = $injector.get('$http');
return $http(rejection.config);
});
}
if (rejection.status === 400) {
authService.logOut();
$location.path('/login');
}
return $q.reject(rejection);
}
};
}
]);
我对401拒绝的回复声明在这里看起来很可疑，但我不确定要用什么来替代它。 因此我的问题是：当我进行新的呼叫时，如何让我的页面刷新它的数据？
更新：
这让我过去了，当200回报，我可以得到一个下拉刷新，但我失去了页面上的任何状态（如选定的下拉列表）与下面。
authService.refreshToken().then(function() {
var $state = $injector.get('$state');
$state.reload();
});
回到绘图板！
尝试把你的重试调用在$timeout ，它应该工作。
以下是更新的代码：
app.factory('authInterceptorService',['$q', '$location', 'localStorageService', '$injector', function($q, $location, localStorageService, $injector) {
return {
request: function(config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
},
responseError: function(rejection) {
//var promise = $q.reject(rejection);
var authService = $injector.get('authService');
if (rejection.status === 401) {
// refresh the token
authService.refreshToken().then(function() {
// retry the request
return $timeout(function() {
var $http = $injector.get('$http');
return $http(rejection.config);
}});
}
if (rejection.status === 400) {
authService.logOut();
$location.path('/login');
}
return $q.reject(rejection);
}
};
}
]);
$ timeout返回的是一个promise函数，它返回的是函数参数的返回值，所以我们可以方便地返回$ timeout中包装的$ http调用。
谢谢。
我想你可能想改变你如何去做这件事。 解决这个问题的一种方法是将$ rootScope注入到authInterceptorService ，然后在成功刷新令牌后调用类似$rootScope.broadcast('tokenRefreshed') 。
我不太清楚你是如何设置处理你的下拉菜单的视图和控制器的，但我会为这个'tokenRefreshed'事件设置一个监听器。 从这里，你可以再次打电话给GetListofCompanyNames 。 如果你这样做，你可以轻松控制并确保模型得到更新。
我的最终解决方案
app.factory('authInterceptorService', ['$q', '$location', 'localStorageService', '$injector', function($q, $location, localStorageService, $injector) {
var $http;
var retryHttpRequest = function(config, deferred) {
$http = $http || $injector.get('$http');
$http(config).then(function(response) {
deferred.resolve(response);
},
function(response) {
deferred.reject(response);
});
}
return {
request: function(config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
},
responseError: function(rejection) {
var deferred = $q.defer();
if (rejection.status === 401) {
var authService = $injector.get('authService');
authService.refreshToken().then(function() {
retryHttpRequest(rejection.config, deferred);
},
function () {
authService.logOut();
$location.path('/login');
deferred.reject(rejection);
});
} else {
deferred.reject(rejection);
}
return deferred.promise;
}
};
}
]);
从https://github.com/tjoudeh/AngularJSAuthentication/blob/master/AngularJSAuthentication.Web/app/services/authInterceptorService.js复制几乎1。
这个透明地处理所有请求并在必要时刷新它们。 它在刷新令牌过期时将用户注销，并通过正确拒绝它们将错误传递给控制器。 但是，它似乎不适用于多个请求，我会在我的系统中查看它的用例。
链接地址: http://www.djcxy.com/p/39383.html