首页 > 编程语言 >vue-java (Get / Post 传参)

vue-java (Get / Post 传参)

时间:2022-10-18 16:25:14浏览次数:70  
标签:传参 vue returnData 前端 request url json Post data

我在controller层传的参数是List时报No primary or single unique constructor found for interface java.util.List
于是加了@RequestParam,结果报Required request parameter ‘pointlist’ for method parameter type List is not present,是因为@RequestParam不支持post请求


| 注解          | 支持的类型  | 支持的请求类型       | 支持的Content-Type | 请求示例  |
| @PathVariable | url       | GET                  | 所有              | /test/{id} |
| @RequestParam | url       | GET                  | 所有              | /test?id=1 |
| @RequestBody  | url       |POST/PUT/DELETE/PATCH | json              | {“id”:1}   |

Required request body is missing

大概意思是我们要从前端获取的数据丢失了Required request body is missing
这里我用了@RequestBody这个注解,这个注解的大概作用,就是把前端提交的数据包装成一个json格式的数据给我们返回到后端,后端再对数据进行处理。所以数据丢失的原因应该是在前端,到前端看看该数据的返回过程。
用swagger调试时没有任何问题,可见问题出现再前端
网上找了很久 终于发现了错误


前端数据没有用data:对其进行定义,前端VUE返回的数据如果要以json的形式返回的话,必须用data:进行定义,否则会报错,于是我在前端api中添加了data:returnData


addFun(returnData){
        return request({
            url:``,
            method: 'post',
            //returnData条件对象  后端使用RequestBody获取数据 
            //data表示将对象转换成json进行传递到接口里面
            data:returnData
          })
    },

https://blog.csdn.net/weixin_44778397/article/details/124041578

https://blog.csdn.net/m0_49161353/article/details/124156909

标签:传参,vue,returnData,前端,request,url,json,Post,data
From: https://www.cnblogs.com/linhan8888/p/16802963.html

相关文章

  • 《Vue3.x+TypeScript实践指南》已出版
    转眼回长沙快2年了,图书本在去年就已经完稿,因为疫情,一直耽搁了,直到这个月才出版!疫情之下,众生皆苦!感觉每天都是吃饭、睡觉、上班、做核酸!图书介绍为了紧跟技......
  • Vue3 + elementplus 表单验证+上传图片+ 防止表单重复提交
    首先,上官网地址https://element.eleme.cn/#/zh-CN/component/form首先页面上面用了弹窗的形式,做完之后长这样,有全屏,关闭等按钮,上效果图和完整代码!!!!!   <!--点击......
  • PostgreSQL 数据库开发规范
    背景PostgreSQL的功能非常强大,但是要把PostgreSQL用好,开发人员是非常关键的。下面将针对PostgreSQL数据库原理与特性,输出一份开发规范,希望可以减少大家在使用PostgreSQL......
  • 在Vue项目中使用Echarts : Echarts中的常用组件--堆叠面积图
    一、安装并全局引入1、通过npm获取echartsnpminstallecharts--save2、在main.js中添加下面两行代码在main.js中引入5.0以下版本 importechartsfrom'echar......
  • @PostConstruct详解
    定义:@PostConstruct是Java自带的注解,在方法上加该注解会在项目启动的时候执行该方法,也可以理解为在spring容器初始化的时候执行该方法。从JavaEE5规范开始,Servl......
  • vue3引入echarts
    安装npminstallecharts--savemain.tsimport{createApp}from'vue'import'./style.css'import*asechartsfrom'echarts'importAppfrom'./App.vue......
  • vue中view-model双向绑定基础原理
    利用Object.defineProperty进行数据劫持代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-......
  • vue-router中query和params的区别
    一.query和params的知识点理解/data/:id这个路由匹配/data/1,/data/2这里的id叫params/data?id=1/data?id=2这里的id叫queryparams方法传参时,要在路由后面加......
  • vue点击按钮回到顶部实现
      效果图iconfont哪些图标自己加,这个是要滚动到下面才出现箭头的,最好高度超过  100vh       全部代码<template><divclass="go-to-top">......
  • 新建Vue+Electron项目
    一、使用VueCli创建Vue项目参考地址:https://cli.vuejs.org/zh/guide/creating-a-project.html控制台运行命令vuecreatehello-world创建过程直接默认,一路回车操作......