javascript - Node、express 和 Angular 的重定向问题

标签 javascript node.js angularjs express

我有一个在 Node、Express 和 Angular 中运行的应用程序。它有 2 个页面,一个用户个人资料页面和一个登录页面。我想这样做,以便如果用户未登录并且到达个人资料页面时,我会将您重定向到登录页面。问题是,不知何故,每次我尝试在 Node 中重定向用户时,我的 Angular 应用程序都不会收到 302 重定向调用(即使我没有发送任何 200 状态消息响应,响应也始终为 200)。任何帮助表示赞赏。这是我的代码:

Node js:

// serve index and view partials
app.get('/', routes.index);
app.get('/partials/:name', routes.partials);

//authentication
app.post('/login', auth.login);
app.get('/logout', auth.logout);
app.get('/user', auth.getCurrentUser);
...
function getCurrentUser (req, res) {
  var user = req.user;
  if (user && user.username) {
    console.log("getCurrentUser succeeded on user "+ user);
    res.json({
      username: user.username
    });
  } else {
    console.log("getCurrentUser failed")
    res.redirect('/login');
  }
}
...
//routes in node
exports.index = function(req, res){
  console.log("rendering index page");
  res.render('index');
};

exports.partials = function (req, res) {
  var name = req.params.name;
  res.render('partials/' + name);
};

Angular :

 when('/login', {
    templateUrl: 'partials/login',
    contorller: LoginCtrl
  }).
  ...
  when('/user', {
    templateUrl: 'partials/user',
    controller: UserCtrl
  })

function UserCtrl($scope, $http, $location, $routeParams) {
  $http.get('/user').
    success(function(data, status, headers){
    console.log("/user succeeded with status "+status);
      //redirect the user
      if (status == 302){
        console.log("302 received, redirecting user to "+headers().location);
        $location.path(headers.location);
      }

      console.log("CLIENT : "+data.username);
      $scope.username = data.username;
    });

};

到达/user 页面时服务器上的输出:

getCurrentUser failed
GET /user 302 8ms - 40b
rendering index page
GET /login 304 80ms
rendering index page

客户端输出:

/user succeeded with status 200

最佳答案

Express 发回的 302 会在 Angular 接触之前由您的浏览器处理(因此您无法为其创建 interceptor)。

解决方案是始终返回 JSON 对象,并在其上设置一些可以在 Angular 中检查的属性。

关于javascript - Node、express 和 Angular 的重定向问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17641635/

相关文章:

javascript - 如何使用 res.writeHead(301, { "Location": "/path/within/site" })?) 在 http node.js 的 res.writehead 中附加警报消息

node.js - nodeJS/GitlabCI : How to serve decentralized productive application

javascript - HackHands Satellizer 示例 - 意外的 token 问题

javascript - Angular 页面演示

javascript - Vuetify SASS 无法使用 Nuxt 正确编译

javascript - 通过 for 循环从数组中绘制莫里斯图表数据

node.js - Heroku 应用程序抛出错误 : self signed certificate

javascript - 通过 http 请求加载的元素的 Angular 单击事件不起作用

javascript - 使用 Dexie 的本地存储不持久

javascript - 确定 Promises.all 中哪个 Promise 最慢