如何防止 jwt 令牌在 angularjs 应用程序中的页面刷新时丢失？

Question

我正在尝试使用 jwt 令牌授权用户。但是，如果我刷新页面，jwt 会丢失，并且不会在后续请求中将令牌发送到服务器。我使用 localstorage 存储令牌和 spring-mvc 用于后端。 这是我创建的服务：

'use strict';
angular.module('authentication')
.factory('AuthenticationService', ['$http', '$localStorage',    
'$rootScope','$route', '$q', function($http, $localStorage, $rootScope, 
$route, $q){
var service = {loggedInUser: function(){
return $q.when($rootScope.user)
}};
service.Login = Login;
service.Logout = Logout;

return service;

function Login(username, password, callback){
    $http.post('http://172.16.0.26:7001/Taisys_Server_Current/auth',
    {username:username, password:password})
    .success(function (response){
        if(response.token){
        $localStorage.currentUser = {username:username,    
        token:response.token};

        $http.defaults.headers.common.Authorization = 'Bearer' + response.token;

        $rootScope.user= $localStorage.currentUser;

        $rootScope.token = response.token;


        callback(true);
      }
      else{
        callback(false);
      }
    });
}
function Logout(){
  delete $localStorage.currentUser;
  $http.defaults.headers.common.Authorization = '';
  $route.reload();
  }
  }]);

Answer 1

如果您已经登录，则必须使用它。

$http.defaults.headers.common.Authorization = 'Bearer' + $localStorage.currentUser.token;