Axios请求头中常见的几种Content-Type

最新推荐文章于 2024-12-25 10:34:42 发布

原创

最新推荐文章于 2024-12-25 10:34:42 发布 · 1.2k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了Axios请求头中的Content-Type的三种常见类型：application/json、application/x-www-form-urlencoded和multipart/form-data，并通过示例详细讲解了每种类型的使用场景和注意事项，包括JSON序列化、qs库的使用以及上传文件的处理。

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

　　Vue2.0之后，官方不再继续维护vue-resource，尤雨溪大大推荐使用Axios用来替代Ajax。

　　Axios请求头中的Content-Type常见的有3种：

　　　　1.Content-Type:application/json

　　　　2.Content-Type:application/x-www-form-urlencoded

　　　　3.Content-Type:multipart/form-data

　　这里一个个来举例说明。

1.Content-Type: application/json

　　如果没有特别声明，application/json是Axios默认的Content-Type，也是我最常用的一种，它声明了请求体中的数据将会以json字符串的形式发送到后端。所以，在请求的时候，需要将需要传给后台的数据JSON序列化即可。

var params = {
    "range": {
        "length": 100,
        "start": 0
    },
    "branchId": '100001'
};
this.$axios.post("/XXXX/XXXX", params).then(data => {
    //To Do
});

　　我们可以在谷歌浏览器F12的network中看到Request Payload，如图1所示。