Vuejs+axios+SpringMVC4.3.7 (一)_let formdata = json.stringify(-优快云博客

本文链接：https://blog.youkuaiyun.com/annghi/article/details/78925668

这篇博客介绍了在Vuejs应用中使用axios与SpringMVC进行数据交互的问题，特别是如何处理文件上传。博主分享了在使用@RequestBody注解时的注意事项，指出它接收的是Json对象的字符串，并推荐使用JSON.stringify()转换对象。同时强调在axios设置请求头时，对于SpringMVC应使用特定的Content-Type。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果你想往后台传送formdata，再直接点，想上传文件

直接看下一篇

blog.youkuaiyun.com/annghi/article/details/78929144

麻蛋，，，，，最近做项目遇到一个很变态的问题

关于

 
  // let formData = querystring.stringify(data) 
 
 
  let 
  formData = 
  JSON. 
  stringify( 
  data) 
 

这两个东西，，，

可以很清楚的看出两者的不同

在springMVC中

@RequestBody接收的是一个Json对象的字符串，而不是一个Json对象。然而在ajax请求往往传的都是Json对象，后来发现用 JSON.stringify(data)的方式就能将对象变成字符串！！！

然后是axios的请求头

 
  'Content-Type' 
  : 
  'application/x-www-form-urlencoded; charset=UTF-8', 
 
  // 'Content-Type': 'application/json; charset=UTF-8',

springMVC 使用@RequestBody接收时，用第二个头！！！！

还有一种 form Data

axios配置如下

 
  headers: { 
 
  'Content-Type' 
  : 
  'application/x-www-form-urlencoded; charset=UTF-8', 
 
  // 'Content-Type': 'application/json; charset=UTF-8', 
 
  'X-Requested-With' 
  : 
  'XMLHttpRequest' 
 
   }, 
 
  transformRequest: [ 
  data 
  => { 
 
  console. 
  log( 
  data) 
 
  let 
  formData = 
  querystring. 
  stringify( 
  data) 
 
  // let formData = JSON.stringify(data) 
 
  console. 
  log( 
  formData) 
 
  return 
  formData 
 
   }],