springboot+vue项目在交互时前端发送请求后端接收不到(记录)

  记录一下我在springboot+vue项目在交互时前端发送请求(发送get请求)后端接收不到数据,报错: Required request parameter 'currentPage' for method parameter type Integer is not present

这是我后端代码的请求:
在这里插入图片描述
  springboot项目跑起来我用postman测试了接口没问题,所以比较相信不是后端的问题,于是去查找前端的错误。

这是我的前端代码:
  当然这里的传入的参数的意思是(method:使用的请求方式get/post/ put/delete,url:请求发送的地址,params:随着请求发送过去的数据)
在这里插入图片描述
话不多说,我直接贴出正确代码:
在这里插入图片描述
这里重点是看起来使用了 GET 请求方式,但是你将参数通过 data 选项传递给了 Axios,实际上,当使用 GET 请求方式时,应该使用 params 选项来传递参数。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Spring Boot 后端,我们可以使用 Spring Security 框架来实现基于 token 的认证和授权。具体步骤如下: 1. 在用户登录成功后,生成一个 token 并返回给前端。 2. 前端在后续的请求中,在请求头中添加一个名为 Authorization 的字段,值为 "Bearer " + token。 3. 后端接收请求后,从请求头中解析出 token。 4. 后端使用 Spring Security 的 filter 对 token 进行验证,判断该请求是否有权限访问。 下面是 Spring Boot 后端的示例代码: 1. 在登录成功后,生成一个 JWT token 并返回给前端 ```java // 生成 JWT token String token = Jwts.builder() .setSubject(user.getUsername()) .setExpiration(new Date(System.currentTimeMillis() + EXPIRATION_TIME)) .signWith(SignatureAlgorithm.HS512, SECRET) .compact(); // 将 token 返回给前端 response.addHeader(HEADER_STRING, TOKEN_PREFIX + token); ``` 2. 前端请求头中添加 Authorization 字段 ```javascript // 在请求头中添加 Authorization 字段 axios.defaults.headers.common['Authorization'] = 'Bearer ' + token; ``` 3. 后端请求头中解析出 token ```java // 从请求头中获取 token String header = request.getHeader(HEADER_STRING); if (header == null || !header.startsWith(TOKEN_PREFIX)) { chain.doFilter(request, response); return; } String token = header.replace(TOKEN_PREFIX, ""); ``` 4. 后端使用 Spring Security 的 filter 对 token 进行验证 ```java // 使用 Spring Security 的 filter 对 token 进行验证 Authentication authentication = new JwtAuthenticationToken(token); SecurityContextHolder.getContext().setAuthentication(authentication); chain.doFilter(request, response); ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黑cc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值