【axios】axios请求体编码-axios数据提交和请求格式处理

124 阅读1分钟
  • Content-Type:application/json

axios默认将JS对象序列化为JSON格式,前端以json对象的格式传递给后端

  • Content-Type:application/x-www-form-urlencoded

会自动的将普通对象序列化成urlencoded格式 序列化成unlencoded格式后端接收到的结果

  • Content-Type:multipart/form-data
    • 方式一:未使用axios的时候,可以通过使用FormDataAPI来实现formdata数据上传 截屏2024-03-19 下午6.44.33.png
    • 方式二:使用axios之后,axios(版本大于1.3.0)可以实现自动的formData了。

【总结】

  • 对于不同的content-type类型,axios会使用不同的处理数据的方式
  • application/json会自动将数据以json的格式传递给后端;而application/x-www-form-urlencoded会自动的将普通对象序列化成unlencoded格式,所以这块内容需要和后端进行对应的处理不然后端接收到的格式不相同可能数据无法正常提交;multipart/form-dataaxios会自动的将数据转换成FormData格式提交给后端

【链接】