鍍金池/ 問答/HTML/ vue項(xiàng)目，axios的data配置，請(qǐng)求失敗

vue項(xiàng)目，axios的data配置，請(qǐng)求失敗

用vue寫的項(xiàng)目，axios發(fā)送post請(qǐng)求，后端需要傳遞請(qǐng)求主體，只要加上data配置項(xiàng)，就請(qǐng)求失敗，一直請(qǐng)求pending,去掉data就請(qǐng)求成功，但無法傳遞請(qǐng)求主體，這是怎么回事，后端說是parse不了

clipboard.png

回答
編輯回答
呆萌傻

1.加入配置：axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
2.引入：import Qs from 'qs'
3.post請(qǐng)求中，需要將數(shù)據(jù)序列化：data: Qs.stringify(params),

2017年7月11日 09:03
編輯回答
菊外人

axios post請(qǐng)求需要用攔截器處理下參數(shù)

import qs from 'qs'
// 添加請(qǐng)求攔截器
Axios.interceptors.request.use((config) => {
    //在發(fā)送請(qǐng)求之前做某件事
    if(config.method  === 'post'){
        config.data = qs.stringify(config.data);
    }
    return config;
},(error) =>{
    // 對(duì)請(qǐng)求錯(cuò)誤做些什么
    console.log("錯(cuò)誤的傳參")
    return Promise.reject(error);
});
2017年8月11日 20:57
編輯回答
懶豬

使用qs庫來格式化數(shù)據(jù)試試

2017年6月3日 20:10