vue提交List类型数据

参考自https://blog.csdn.net/weixin_41601114/article/details/105118562

前端vue:

mian.js中添加

//设置put请求头，方便提交list类型数据等
axios.defaults.headers.put['Content-Type'] = "application/json";

 提交组件，upList.vue

 list中数据对象：

package com.example.demo.entity;

import lombok.Data;

@Data
public class ListParam {
	
	private String paramCode;
	private String paramValue;
}

返回结果封装进对象Result.java

package com.example.demo.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
/*
 * 同意响应结果封装
 */
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Result {
	//响应码
	private int code;
	//提示信息
	private String msg;
	//响应结果对象
	private Object obj;
	
	public Result(int code,String msg){
		this(code,msg,null);
	}
}

controller：

package com.example.demo.controller;

import java.util.List;

import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import com.example.demo.entity.ListParam;
import com.example.demo.entity.MyUser;
import com.example.demo.entity.Result;

@RestController
@ResponseBody
@CrossOrigin
@RequestMapping("/api")
public class UploadController {
	
	@PostMapping("/upload")
	public Result putong(@RequestBody MyUser myUser) {
		System.out.println(myUser);
		return new Result(200,"成功");
	}
	@PutMapping("/upList")
	public Result upList(@RequestBody List list) {
		System.out.println(list);
		return new Result(200,"成功");
	}
}

打印数据：