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'");