AngularJS - $rootScope.currentUser 没有从个人资料页面转移到设置页面

Question

我有一个包含 Angular/Express/Node/Passport 的网站，我正在尝试将它们放在一起。我正在设置角度来观察$rootScope.currentUser 变量，这里有一些代码：

app.run(function ($rootScope, $location, Auth) {

    //watching the value of the currentUser variable.
    $rootScope.$watch('currentUser', function(currentUser) {
      // if no currentUser and on a page that requires authorization then try to update it
      // will trigger 401s if user does not have a valid session
      if (!currentUser && (['/', '/login', '/logout', '/signup'].indexOf($location.path()) == -1 )) {
        Auth.currentUser();
      }
    });

    // On catching 401 errors, redirect to the login page.
    $rootScope.$on('event:auth-loginRequired', function() {
      //console.log(currentUser);
      $location.path('/login');
      return false;
    });
  });

使用控制台消息，我已经确定当我从个人资料页面（登录后）转到设置页面（您可以在其中更改密码）时，$rootScope.currentUser 不可用 - 因为当currentUser 被观看时（上） - 它执行 Auth.currentUser() 函数 - 并被拒绝，因为 $rootScope.currentUser 为空。

这里还有一些可能相关的代码：

Auth.js（Auth.currentUser() 所在的位置）

'use strict';

angular.module('groundup')
  .factory('Auth', function Auth($location, $rootScope, Session, User, $cookieStore) {
    $rootScope.currentUser = $cookieStore.get('user') || null;
    $cookieStore.remove('user');
    $rootScope.currentUserSignedIn;

    return {

      login: function(provider, user, callback) {
        var cb = callback || angular.noop;
        //console.log(user);
        Session.save({
          //provider: provider,
          username: user.username,
          password: user.password,
          //rememberMe: user.rememberMe
        }, function(user) {
          console.log(user);
          $rootScope.currentUser = user;
          $rootScope.currentUserSignedIn = true;
          console.log($rootScope.currentUser);
          $location.path('/profile');
          return cb();
        }, function(err) {
          console.log(err);
          return cb(err.data);
        });
      },

      logout: function(callback) {
        var cb = callback || angular.noop;
        Session.delete(function(res) {
            $rootScope.currentUser = null;
            $rootScope.currentUserSignedIn = false;
            console.log($rootScope.currentUser);
            return cb();
          },
          function(err) {
            return cb(err.data);
          });
      },

      createUser: function(userinfo, callback) {
        var cb = callback || angular.noop;
        console.log(userinfo);
        User.save(userinfo,
          function(user) {
            $rootScope.currentUser = user;
            $rootScope.currentUserSignedIn = true;
            console.log($rootScope.currentUser);
            $location.path('/profile');
            return cb();
          }
        );
      },

      currentUser: function() {
        Session.get(function(user) {
          console.log(user);
          $rootScope.currentUser = user;
        });
      },

      changePassword: function(oldPassword, newPassword, callback) {
        var cb = callback || angular.noop;

        return User.update({
          oldPassword: oldPassword,
          newPassword: newPassword
        }, function(user) {
          return cb(user);
          $location.path('/');
        }, function(err) {
          return cb(err);
        }).$promise;
      },

      removeUser: function(email, password, callback) {
        var cb = callback || angular.noop;
        User.delete({
          email: email,
          password: password
        }, function(user) {
            console.log(user + 'removed');
            return cb();
        }, function(err) {
            return cb(err.data);
        });
      }
    };
  })

在Auth.currentUser()之后，它做了一个get请求，从express端执行这个函数：

exports.session = function (req, res) {
  console.log(req.user.user_info + " in session function");
  res.json(req.user.user_info);
};

问题在于重定向到 /settings 页面 - 因为 $rootScope.currentUser 正在被监视，它会自动重定向到 /login 因为 Auth.currentUser() 在某处失败。任何帮助将不胜感激 - 谢谢（看看 $cookieStore 在 Auth.js 中的使用方式 - 我不确定它是如何工作的）。

Answer 1

您的Auth.currentUser() 有一些奇怪的地方，请尝试将其更改为类似的内容以使用User 服务

currentUser: function () {
    return User.get();
}

您的问题也可能来自 cookie 存储问题，Passport 尝试将当前用户保存在其中，但在某处失败（原因是尝试访问未定义的 var 或其他内容）并在 cookie 中存储了一个损坏/空的用户。 所以第一页加载正确，但是当你的应用尝试访问 cookie 时，它​​会中断。

我还建议您查看 lib 目录中的 middleware.js 文件，看看保存 cookie 是否没有问题，例如如果您想将所有用户对象放入其中，而不仅仅是 userInfo。在这种情况下，您将不得不稍微修改您的 session 函数以输出整个用户。