``无法在窗口上执行atob失败''不确定是在写入有效负载还是对其进行解码的功能

Question

我一直在研究本教程https://thinkster.io/tutorials/mean-stack/creating-an-angular-service-for-authentication 。 我收到错误“无法在窗口上执行atob”。 我相当有把握地确定错误是在auth工厂内发生的，特别是auth.isLoggedIn函数，我具有console.log来自服务器的响应，并将令牌复制并粘贴到jwt.io中，并且可以像预期的那样进行验证。 因此，解码功能出了点问题。 我尝试研究$ window.atob来理解这一点并正确调试，但我不理解。 我的userSchema中的jwt.sign没有使用任何名为.btoa的函数，因此即使本教程说使用.atob对此进行解码似乎也不对。 如何在我的角度工厂中解码令牌以保存在此有效负载变量中？

var payload = JSON.parse($window.atob(token.split('.')[1]));

Angular应用文件

app.factory('auth', ['$http', '$window', function($http, $window){
    var auth = {};

auth.saveToken = function(token){
    $window.localStorage['rawle_news_app'] = token;
};

auth.getToken = function(){
    return $window.localStorage['rawle_news_app'];
}

auth.isLoggedIn = function(){
    var token = auth.getToken();

    if(token){
        var payload = JSON.parse($window.atob(token.split('.')[1]));

        return payload.exp > Date.now() / 1000;
    }else{
        return false;
    }
};

auth.currentUser = function(){
    if(auth.isLoggedIn()){
        var token = auth.getToken();
        var payload = JSON.parse($window.atob(token.split('.')[1]));

        return payload.username;
    }
};

auth.register = function(user){
    return $http.post('/register', user).then(function(data){
        auth.saveToken(data.token);
    });
};

auth.logIn = function(user){
    return $http.post('/login', user).then(function(data){
        auth.saveToken(data.token);
    });
};

auth.logOut = function(){
    $window.localStorage.removeItem('rawle_news_app');
};

  return auth;
}])

Answer 1

如果有人遇到此问题，我将发布解决方案，但事实证明，该解码语句没有任何问题，但实际上是将令牌保存到$ window.localStorage中。 您可以在上面看到我使用数据而不是响应，这使我相信data.token是令牌的正确路径，但是如果您使用控制台日志，您将看到数据也是字段名。 因此，我不得不使用data.data.token。 因此，尽管我觉得自己很愚蠢，但我还是打算把它放在这里，以防其他人在教程中遇到问题，以确保他们的注册函数具有类似的东西。

    auth.register = function(user){
      return $http.post('/register', user).then(function(response){
          auth.saveToken(response.data.token);
      });
    };