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);
})
image.png
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);
})
image.png
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);
})
image.png
總結(jié)：
1、從jquery轉(zhuǎn)到axios最難忘的就是要設(shè)置Content-Type爬骤，還好現(xiàn)在都搞懂了他們的原理
2骡湖、上面三種方式會對應(yīng)后臺的請求方式贱纠，這個也要注意，比如java的@RequestBody响蕴，HttpSevletRequest等等
