axios發post請求，後端接收不到參數的問題

axios會幫咱們自動轉換請求數據和響應數據 以及 自動轉換JSON數據，咱們的請求頭轉換成

Content-Type變成了application/json;charset=utf-8,而後由於咱們的參數是JSON對象，

axios幫咱們作了一個stringfy的處理，axios在發送post請求時，默認直接把json放在請求體中提交到後端的。

可是後臺可能使用的時java spring mvc，而且使用的註解是@requestParam，這個只能從請求的地址中取出參數，也就是隻能從請求連接中截取出參數。要求的Content-Type是'application/x-www-form-urlencoded'，因此後端就接收不到參數；

解決辦法：

1 使用URLSearchParams傳遞參數

let params=new URLSearchParams();

params.append('username','admin'); params.append('psd','222222');

axios({

method:'post',url:'/api/test/aa',data:params

});

URLSearchParams不支持全部的瀏覽器

2 把參數修改成query參數

直接修改axios的header content-type，axios.defaults.headers.post['Content-type']='application/x-www-form-urlencoded',還須要引入qs庫，這個庫是axios裏面包含的，不須要再下載了

import qs from 'qs'

let data={username:'admin',psd:'222222'};

axios({method:'post',url:'',data:qs.stringify(data)});

3 也能夠使用axios的transformQequest來修改請求的數據：

axios({

method:'post',url:'',

transformRequest:[function(data){return qs.stringifg(data)}],

data:{username:'admin',psd:'222222'}

});

4 axios.post('apo/test/22/erer',"username='zhangsan'&psd='222222'");