我正在尝试通过我的 React 前端向 Spring 后端发送 API 请求。当我发送请求时,我收到此错误:
Could not resolve parameter [0] in private org.springframework.http.ResponseEntity com.example.bottlecap.controllers.BottlecapController.entryForm(com.example.bottlecap.domian.Bottlecap,org.springframework.web.multipart.MultipartFile): Content type 'application/octet-stream' not supported
但是,当我使用 Postman 设置请求时,它运行良好。我认为我在 React 端设置 FormData 的方式可能存在问题。但是,我没有运气弄清楚它。
我的 API 应该接收一个对象,该对象包含有关我提交的数据以及与提交相关的图像。在我的 Postman 请求中,我正在创建一个表单数据,其中包含一个 JSON 文件,该文件包含所有对象数据和一个随机图像,仅用于测试。正如我所说,requets 对此进行了很好的处理。但是,在前端代码中,我将对象数据解析为 Json 并将其添加到 FormData 以及将图像添加到 FormData。
这是我的弹簧控制器:
@RequestMapping(path ="/bottlecap/entry", method = RequestMethod.POST, consumes = {MediaType.MULTIPART_FORM_DATA_VALUE, MediaType.APPLICATION_OCTET_STREAM_VALUE})
private ResponseEntity entryForm(@RequestPart("cap") Bottlecap cap, @RequestPart("file") MultipartFile image){
System.out.println(cap);
cap.toString();
System.out.println("Test");
return ResponseEntity.ok().build();
}
这是我的反应前端表单提交处理程序:
handleSubmit = event =>{
console.log(this.state.page);
console.log(this.state.page);
event.preventDefault();
const cap ={
"name":this.state.name,
"brand":this.state.brand,
"yearMade":parseInt(this.state.yearMade),
"country": this.state.country,
"description":this.state.description,
"yearFound":parseInt(this.state.yearFound),
"isAlcoholic":"true"
};
const stringCap = JSON.stringify({cap});
console.log(cap);
var formData = new FormData();
formData.append('cap', JSON.parse(stringCap));
formData.append('file',this.state.imageFile)
axios.post('http://localhost:8080/bottlecap/entry', formData, {headers:{'Content-Type':'multipart/form-data'}})
.then(res=>{
console.log(res);
console.log(res.data);
//window.location = "/success"
this.setState({pageDone:true})
this.setState({pageLoading:true})
})
}
这里也是我在 Postman 上发送的 json 文件的内容,如果它也有帮助的话。
{"name":"post-test",
"brand":"post-test",
"yearMade":1000,
"country":"post-test",
"description":"post-test",
"yearFound":1000,
"isAlcoholic":"true"}
我做的最后一个更改是在 axios API 请求中添加一个标头,但仍然没有运气。