NestJS：Nest.js Auth Guard JWT Authentication constantly returns 401 unauthorized

最新推荐文章于 2025-09-16 17:10:20 发布

原创最新推荐文章于 2025-09-16 17:10:20 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js #nestjs #http

node 专栏收录该内容

25 篇文章

订阅专栏

本文记录了在 Vue 项目中遇到的使用 JWT 进行单点登录时的问题。开发者成功地在 Postman 中实现了注册、登录并获取到 token，也在后端接口上添加了 JWT 验证。但在 Vue 应用中，请求始终返回错误。经过检查，发现遗漏了在请求头中添加 'Bearer' 前缀。修复此问题后，Vue 应用能够正常发送带 token 的请求，实现认证功能。

按照官方以及网上搜索的‘使用 JWT 实现单点登录’的文章

在postman中完成了注册存储到数据库、以及登录获取到token

并且在接口上增加JWT的验证，返回都是200

@UseGuards(AuthGuard('jwt')) // 使用 'JWT' 进行验证

但是在vue项目中一直返回

百思不得其解

如何应用

一般是在请求头里加入Authorization，并加上Bearer标注：

service.interceptors.request.use( (config) => {
  if (getToken()) {
    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  }
  return config;
}, (err) => {
  // 对请求错误做些什么
  return Promise.reject(err);
});