如何在ExpressJS API代码中重定向特定路由？MEAN应用重定向异常排查

一、先搞定你当前的重定向报错问题 #

你现在遇到的报错，大概率是前后端分离架构下的典型问题：后端直接用res.redirect跳转到前端URL，但Angular发起的是AJAX请求，后端返回的302重定向会被AJAX自动跟随，不会触发浏览器的页面跳转，还可能引发跨域相关的错误。

正确的思路是让后端返回未授权状态码，由前端负责页面跳转，具体步骤如下：

1. 修改Express的isLoggedIn中间件：

function isLoggedIn(req, res, next) {
  if (req.isAuthenticated()) {
    return next();
  } else {
    console.log("Not Logged in");
    // 返回401未授权状态码，附带提示信息
    res.status(401).json({ message: "请先登录" });
  }
}

2. 在Angular组件中捕获错误并执行跳转：

import { Router } from '@angular/router';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';

// 组件构造函数注入依赖
constructor(private http: HttpClient, private router: Router) {}

ngOnInit() {
  this.http.get('/api/route')
    .subscribe({
      next: (response) => {
        // 处理正常的API响应数据
      },
      error: (err: HttpErrorResponse) => {
        if (err.status === 401) {
          // 用Angular的Router跳转到前端登录页面
          this.router.navigate(['/login']);
        }
        // 可在这里处理其他类型的错误
      }
    });
}

二、ExpressJS API内部重定向到特定路由的方法 #

如果是后端路由之间的跳转（比如从一个API路由跳转到另一个后端路由），直接用res.redirect()就能实现，不同场景的写法如下：

• 重定向到同域名的后端基础路由：

// 跳转到后端的/login路由（比如你定义的router.get('/login', ...)）
res.redirect('/login');

// 跳转到根路由
res.redirect('/');

// 跳转到上级路由
res.redirect('../');

• 重定向到带动态参数的路由：

const userId = '123';
// 跳转到/user/123路由
res.redirect(`/user/${userId}`);

• 若确实需要跳转到外部前端URL（不推荐前后端分离项目这么做）：

// 直接写入完整的前端URL即可
res.redirect('http://localhost:4200/login');

额外提醒：前后端分离项目中，页面跳转逻辑尽量放在前端处理，后端只负责返回状态码和业务数据，这样更符合SPA的架构设计，也能避免很多跨域和请求处理的问题。

内容的提问来源于stack exchange，提问作者Nimish David Mathew