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

ur home

于 2021-02-22 21:00:22 发布

阅读量1.2k

点赞数 3

分类专栏： node 文章标签： node.js nestjs http

本文链接：https://blog.csdn.net/wz_coming/article/details/113954887

版权

node 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

按照官方以及网上搜索的‘使用 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);
});