前端携带token访问,后端JWT过滤器检测到token为空

原因:

        前端请求头中配置的token存放的键值和后端过滤器获取token的键值不一致,如下图:

前端配置文件 service.js,token存放的键值为 X-Access-Token。

后端 JWT过滤器,获取token的键值是 token。

解决办法

        将前端和后端的token存取位置保持一致,即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面我将为您提供前端SpringBoot使用JWT进行token校验的代码实现。 前端代码实现: 1. 安装jsonwebtoken库 ``` npm install jsonwebtoken ``` 2. 在登录成功后,生成token并存储在本地: ``` import jwt from 'jsonwebtoken'; const token = jwt.sign({ userId: '123456' }, 'secretKey', { expiresIn: '1h' }); localStorage.setItem('token', token); ``` 3. 在发送请求时,将token添加到请求头中: ``` import axios from 'axios'; const token = localStorage.getItem('token'); axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; ``` SpringBoot代码实现: 1. 安装jsonwebtoken库 ``` <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> <version>0.9.1</version> </dependency> ``` 2. 在接收请求时,从请求头中获取token,进行校验: ``` import io.jsonwebtoken.Claims; import io.jsonwebtoken.Jwts; import org.springframework.web.filter.OncePerRequestFilter; public class JwtTokenFilter extends OncePerRequestFilter { private final String secretKey = "secretKey"; @Override protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException { String authorizationHeader = request.getHeader("Authorization"); if (authorizationHeader == null || !authorizationHeader.startsWith("Bearer ")) { filterChain.doFilter(request, response); return; } String token = authorizationHeader.replace("Bearer ", ""); try { Claims claims = Jwts.parser().setSigningKey(secretKey).parseClaimsJws(token).getBody(); int userId = Integer.parseInt(claims.getSubject()); // 根据userId进行相应的权限校验和业务逻辑处理 } catch (Exception e) { response.setStatus(HttpServletResponse.SC_UNAUTHORIZED); response.sendError(HttpServletResponse.SC_UNAUTHORIZED, "Invalid token"); } filterChain.doFilter(request, response); } } ``` 3. 在SpringBoot的配置类中,将JwtTokenFilter加入到过滤器链中: ``` import org.springframework.boot.web.servlet.FilterRegistrationBean; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; @Configuration public class JwtConfig { @Bean public FilterRegistrationBean<JwtTokenFilter> jwtTokenFilter() { FilterRegistrationBean<JwtTokenFilter> registrationBean = new FilterRegistrationBean<>(); registrationBean.setFilter(new JwtTokenFilter()); registrationBean.addUrlPatterns("/api/*"); // 需要进行token校验的接口路径 return registrationBean; } } ``` 以上是使用JWT进行token校验的一般步骤和代码实现,需要根据具体的业务场景进行相应的调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值