MEAN栈获取指定ID单篇文章时遭遇401未授权错误

看起来你遇到的问题很典型——明明把文章查询路由放在了JWT验证中间件前面，却还是收到了401未授权响应，结合你描述的细节，我帮你梳理几个核心排查和解决方向：

1. 先确认后端Express的路由顺序是否真的正确 #

这是最容易踩坑的点：Express路由是按定义顺序匹配的，如果你先挂载了JWT验证中间件，再定义/article/:id路由，那所有请求都会先经过JWT验证，哪怕你以为这个路由不需要验证。

错误示例（别这么写）：

// 错误：先挂载JWT中间件，所有后续路由都强制验证
app.use(verifyJWT);

// 这个路由会被上面的中间件拦截
app.get('/article/:id', async (req, res) => {
  const article = await Article.findById(req.params.id);
  res.json(article);
});

正确示例（按这个顺序来）：

// 先定义不需要验证的文章详情路由
app.get('/article/:id', async (req, res) => {
  try {
    const article = await Article.findById(req.params.id);
    if (!article) return res.status(404).json({ message: "文章不存在" });
    res.json(article);
  } catch (err) {
    res.status(500).json({ message: err.message });
  }
});

// 再挂载JWT验证中间件，只作用于后面的路由
app.use(verifyJWT);

// 其他需要验证的路由（比如发布文章、修改文章）
app.post('/article', async (req, res) => { /* ... */ });

2. 检查Angular前端的HTTP拦截器 #

如果你的Angular应用配置了全局HTTP拦截器，会自动给所有请求添加JWT Token，那可能这个/article/:id请求被拦截器误处理了——比如拦截器尝试添加Token，但当前环境没有有效Token，导致后端返回401。

你需要在拦截器里排除这个路由，示例代码如下：

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 排除文章详情请求，直接放行
    if (req.url.includes('/article/')) {
      return next.handle(req);
    }

    // 给其他需要验证的请求添加Token
    const authToken = localStorage.getItem('authToken');
    if (authToken) {
      const authReq = req.clone({
        headers: req.headers.set('Authorization', `Bearer ${authToken}`)
      });
      return next.handle(authReq);
    }
    return next.handle(req);
  }
}

3. 验证后端JWT中间件的逻辑 #

检查你的JWT验证中间件本身，有没有写死拦截所有路径的逻辑？比如中间件里没有判断路径就直接返回401，那即使路由顺序正确，也会被拦截。

比如中间件里可以加个放行逻辑：

function verifyJWT(req, res, next) {
  // 放行文章详情路由
  if (req.path.startsWith('/article/')) {
    return next();
  }

  // 其他路由的Token验证逻辑
  const token = req.headers.authorization?.split(' ')[1];
  if (!token) return res.sendStatus(401);
  
  // 验证Token有效性...
  jwt.verify(token, process.env.JWT_SECRET, (err, user) => {
    if (err) return res.sendStatus(403);
    req.user = user;
    next();
  });
}

4. 最后确认请求头 #

打开浏览器开发者工具的Network标签，找到这个GET请求，查看Request Headers里是否真的没有Authorization字段。如果有，说明前端的getArticleDetail方法还是被其他逻辑自动添加了Token，需要进一步排查前端代码。

内容的提问来源于stack exchange，提问作者yemiOdetola