关于后台使用GetMapping无法从Vue获得传值的解决办法

最新推荐文章于 2024-08-12 16:32:44 发布
最新推荐文章于 2024-08-12 16:32:44 发布
阅读量1.2k 收藏
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45993094/article/details/123205588
版权
当Vue应用通过GetMapping无法向后台传递对象时，问题可能出在数据封装上。解决方案是使用params而非data进行封装，因为data会将对象转换为JSON，导致后台解析困难。另一种方法是改用@PostMapping，并使用@RequestBody在后台接收data封装的JSON数据。
摘要由CSDN通过智能技术生成

关于后台使用GetMapping无法从Vue获得传值的解决办法


后台使用GetMapping获得Vue传值传不到的原因是因为对象封装的问题
在这里插入图片描述

解决方案：

在这里插入图片描述
将数据用params进行封装，不要使用data进行封装，因为data会将对象值转换成json传递，后台没办法解析
在图片中我提供了另一种解决方案，后台使用PostMapping作为地址，在这里用data封装成json数据块，后台用@RequestBody获取数据

HycBoy777
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前端传值后端接收不到_解决vue get请求传参后端接收不到参数值(java sptingboot)
weixin_39978350的博客
12-19 2393
//代码如下import axios from 'axios'import { MessageBox, Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'// create an axios instanceconst service = axios.create...
Vue调用SpringBoot后台实现文件下载功能
04-02
本案例探讨的就是如何使用Vue调用SpringBoot后台来实现文件下载功能，这对于构建交互性强、用户体验良好的Web应用来说是必不可少的。 首先，我们需要了解Vue.js的基本知识。Vue是一个轻量级的JavaScript框架，它...
关于 @RequestBody对象为null 的问题
木字楠的博客
04-01 5738
@RequestBody对象为null 今天遇到了一个非常奇怪的问题，当我在使用@RequestBody 进行传参时，在service层一直获取不到对象值，后台提示错误是空指针异常，找了很久都没有发现是什么问题，结果在最后发现是注解的坑。 Controller层： @GetMapping("/**/{pageNow}/{pageSize}") public Response getAllCourseByPage(@PathVariable long pageNow,
GetMapping请求获取不到对象值
qq_59833893的博客
11-24 901
方法，以便Spring能够正确地绑定查询参数。确保GET请求中的参数及路径是正确的。类具有无参构造函数，并且具有相应的。空指针，获取不到传入的数据；确保查询参数的名称与。
Vue 路由使用 params 传递参数失败 获取不到
qq_33950912的博客
10-09 2679
解决 使用 params 传递参数 必须 加上 name {path:'/blog',name:'blog',params:{is:true}}
laravel 框架前台_Vue框架详解
weixin_39640687的博客
10-27 290
Vue框架详解点击蓝字｜关注我们1什么是vue框架一套用于构建用户界面的渐进式框架，(渐进式就是指可以控制一个页面的一个标签，也可以控制一系列标签，也可以控制整个页面，甚至可以控制整个前台项目)，并且可以独立完成前后端分离式web项目的javascript框架(构建前端逻辑用，甚至可以直接创建整个项目，无需后端)1、基础实例成员:(1)挂载点el：id选择器唯一绑定(2)插值表达式：{...
Get请求后端获取不到参数
穿心秋芳的博客
12-06 2735
之前的代码 后端不加@RequestParam接收到的就是空，加了就报400错误 更改后的代码 get请求的参数必须时params，其他的都是data
后端同时使用@RequestParam和@RequestBody，vue如何传递参数
qq_36262395的博客
09-16 6408
后端同时使用@RequestParam和@RequestBody，vue如何传递参数给后端 封装的request请求 service.interceptors.request.use( config => { if (store.getters.token) { config.headers['X-Token'] = getToken() } return config }, error => { console.log(error).
解决Vue调用springboot接口403跨域问题
10-16
这种架构意味着前端使用一种技术栈（如Vue.js），而后端使用另一种技术栈（如Spring Boot）。然而，跨域资源共享（CORS）问题常常会成为前后端整合过程中的一个难题。在本文中，我们将详细探讨如何解决Vue调用Spring...
Ajax报错400的参考解决办法
10-17
如果控制器使用了错误的方法注解，如`@GetMapping`，则会导致400错误。 4. **URL路径不正确**： `url: SUBSYSTEM_APP_NAME + "appportmanage/saveEditAppPortManage"`，这个URL应该与后端实际的API路径相匹配。...
SpringBoot Vue 后台管理系统 后端源码.zip
02-22
《SpringBoot Vue 后台管理系统后端源码详解》 在现代互联网开发中，SpringBoot 和 Vue.js 组合已经成为构建高效、灵活后台管理系统的首选技术栈。本篇将深入探讨"SpringBoot Vue 后台管理系统后端源码"的设计理念...
vue上传和下载前后台开发
04-30
@GetMapping("/download/{filename}") public ResponseEntity<InputStreamResource> download(@PathVariable("filename") String filename) throws IOException { String path = "D:/OperationDocuments/"; File ...
笔记：前台使用vue的ajax传递json数组数据到后台(后台的解析办法使用@RequestBody)
编程学习者的博客
11-23 8576
1.前言 由于本人在使用vue.js访问后台的时候，传递json数组数据到后台，意外的出现了不能解析的错误，使用BeanUtils不能设置集合的问题的解决办法！因此记录下来！ 2.想要解析vue的ajax的post请求的方法 需要在请求的方法参数上添加@RequestBody Map<String, String> params Map<String, String>...
springMVC get请求接收不到参数的问题记录
乃乃天外仙
11-06 2409
问题复现： Controller里的方法： @GetMapping("/act-list") public Result getCompetitionList(@RequestParam("class") int cclass, @RequestParam int type, @RequestParam int begin, @RequestParam int limit){ ... } 发送请求： http://localhost:8887/act-list?clas
使用get传参的时候，参数在后头获取不到或者出现别的错误。
weixin_30809333的博客
05-10 563
把传递的参数使用encode转换一下，符合HTTP规定的编码，再使用。 String encode = java.net.URLEncoder.encode("VSrYJoDat8z7Ad9R+PLzm6woqqJOhJ19ZvuglwextAL8tlKLqQggxpwGT+1FJxlJZ2AQUL+wY2l2ld8zHnGA1BCZacUIKF3/G0boubjRMIPihvdS/b...
vue中get和post请求
weixin_33851429的博客
05-07 228
import axios from 'axios'; import router from '@/router'; import { setSessionStorage, getSessionStorage, removeSessionStorage } from '@/utils/mixin'; class Http { 　　constructor(){ ...
关于@GetMapping接参是对象的怎么接收
a18372016358的博客
04-26 1401
关于@GetMapping接参是对象的怎么接收
Vue项目-Table添加Form表单校验
最新发布
StupidlyGrass的博客
08-12 281
【代码】Vue项目-Table添加Form表单校验。
vue引用axios并使用后台Springboot完成增删改查操作
06-03
首先，在Vue项目中引入axios需要先安装axios，可以使用以下命令： ``` npm install axios --save ``` 然后在需要使用axios的Vue组件中引入axios： ``` import axios from 'axios' ``` 接下来，我们可以使用axios...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

HycBoy777

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

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

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

打赏作者

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

抵扣说明：

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

余额充值