vue 文件及描述信息一起上传_基于Spring Boot 与Vue文件上传的问题？

问题描述

我后端用springboot做的前端用的antd-design-vue上传文件，通过多次尝试都以失败告终，不知道问题怎么解决，请高手高手思路，谢谢。。。。

问题出现的环境背景及自己尝试过哪些方法

目前出现的错误是415 Unsupported Media Type

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

我后端的代码如下

@RequestMapping(path = "/uploadimage",consumes = "multipart/form-data",produces = "application/json;charset=utf-8")

public JsonDTO FileUpload(@RequestParam("file") MultipartFile uploadimage){

System.out.println("我是upload方法");

System.out.println(uploadimage.getOriginalFilename());

JsonDTO jsonDTO = new JsonDTO();

String oldName = uploadimage.getOriginalFilename();

String newName = IDUtils.genImageName();

newName = newName + oldName.substring(oldName.lastIndexOf("."));

String filePath = new DateTime().toString("/yyyy/MM/dd");

String imageurl = baseUrl + filePath + "/" + newName;

jsonDTO.setJsonDTO(true, ExceptionEnum.SYSTEN_FILE_UPLOAD_SUCCESS.getMsgcode(),ExceptionEnum.SYSTEN_FILE_UPLOAD_SUCCESS.getMsgdesc(),imageurl);

return jsonDTO;

}

前端调用的方法如下

点击上传封面图片

uploadImage(){

this.$http.post('api/uploadimage',{

headers: {

'Content-Type': 'multipart/form-data',

'charset':'utf-8'

}

}).then(response =>{

this.data = response.data.data

}).catch(error =>{

console.log(error)

})

}