axios post 三种请求头数据格式

403 阅读1分钟

1: Content-Type: application/json;charset=UTF-8

059D3260-ACFF-42A1-9942-29865A2E46ED.png

2: Content-Type: multipart/form-data

AF9A0B78-70CD-4848-9157-1C2E43CA41DF.png

3: Content-Type: application/x-www-form-urlencoded 表单提交/需要引入qs

import axios from 'axios'import qs from 'Qs'let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({
data
}))
.then(res=>{
console.log('res=>',res);
})

自封装 替代qs函数  封装成 a=1&b=2 形式
export const makeUrlParams = params => {
    const paramsArr = [];
    Object.keys(params).forEach(key => {
    if (typeof params[key] !== "undefined" && params[key] !== "") {
    paramsArr.push(`${key}=${encodeURIComponent(params[key])}`);
    }
});
return paramsArr.join("&");
};

49F6EC23-5EFA-4448-BDDB-C8FE92C4CDB8.png