axios POST提交数据的三种请求方式写法

Posted 2021-05-14 smil、梵音

1、Content-Type: application/json

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

2、Content-Type: multipart/form-data

import axios from \'axios\'
let data = new FormData();
data.append(\'code\',\'1234\');
data.append(\'name\',\'yyyy\');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log(\'res=>\',res);            
})

3、Content-Type: application/x-www-form-urlencoded

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);            
})