content-type浅谈

1.application/x-www-form-urlencoded

最原始的请求方式，请求参数放在url中，以key=&value=的方式写在url后面。
这也是浏览器表单提交的默认方式。

2.application/json

现在越来越多的应用使用application/json,各大浏览器也都支持。也是axios的默认方式

3.multipart/form-data

此种方式多用于文件上传，表单数据都保存在http的正文部分，各个表单项之间用boundary分开。

axios实战

1. axios默认使用application/json

var data = {
      name:"11",
      age:"12",
}
axios.post(baseUrl + url, data).then....

2.后台采用application/x-www-form-urlencoded，所以我们需要用qs转化格式。

import qs from 'qs'
var data = {
      name:"11",
      age:"12",
}
axios.post(baseUrl + url, qs.stringify(data)).then....

补充：qs.stringify(data) 格式转化为name:xxx&age:xxx
qs.parse()能把格式转回去

3.上传文件 multipart/form-data

const nowData = new FormData();
nowData.append('excel', this.fileList[0]);

       axios({
            headers: {'Content-Type': 'multipart/form-data'},
            url: baseUrl + url?whether=' + str,
            data: nowData,
            method: 'post',
        }).then

    axios.post(baseUrl + ur, nowData, {
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    }).then(function(response) {
        const data = response.data;

公司自用，如下图：

1.png