axios获取header中的信息_Axios请求头中常见的Content-Type及其使用

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所示。

图1 Axios默认Content-Type:application/json