vue框架下數據交互axios的配置

1.全局配置,配置基路徑

 axios.defaults.baseURL = ' http://xxxxxxxxxxxxx';

2.聲明post請求方式的數據格式。

axios.dafaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'   //  格式聲明爲查詢字符串(默認爲JSON)

3.設置攔截器(包括請求攔截器和響應攔截器),對於從後臺返回的數據進行處理,前端需要什麼給什麼

//1.請求攔截器
axios.interceptors.request.use((config)=>{

    if(config.method=='post'){

        config.data = qs.stringify(config.data,{arrayFormat:'repeat'});//利用qs將數據格式轉換轉換爲後臺需要的數據格式
}
    
    return config;
},(error)=>{

        return Promise.reject(error);  //Promise機制的應用,異步操作
}
)

//2.響應攔截器
。。。。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章