1. 程式人生 > 實用技巧 >axios全域性配置

axios全域性配置

axios的全域性配置   有時候,我們在一個專案中需要傳送多個請求,到那時這些請求的配置內容大部分是一樣的,如url相同,只不過傳送的資料不同,   比如,post請求時,請求頭等資訊都是不變的   此時,我們就需要反覆的書寫這些相同的配置,為了解決這些問題,我們引入了axios全域性預設配置   示例:
                        axios.all([
                            axios({
                                url: 'http://123.207.32.32:8000/home/data',
                                params:{
                                type: 
'data', page: 1 } }), axios({ url: 'http://123.207.32.32:8000/home/data', params:{ type: 'sell', page:
5 } }) ]).then(results => { console.log(results); })
View Code   這兩個請求的url相同,只有params不同,此時我們可以將url進行預設配置 方法: 1.進行url的預設配置 axios.default.vaseURL='http://123.207.32.32:8000/home/data' //還可以設定響應事件,超時則自動丟擲異常 axios.default.timeout=5000 2.此後傳送請求後,預設的配置部分我們可以不用填寫 原始碼可簡化為:即直接不設定url
axios.all([
                                    axios({
                                        params:{
                                        type: 
'data', page: 1 } }), axios({ params:{ type: 'sell', page: 5 } }) ]).then(results => { console.log(results); })
View Code axios相關的全域性預設配置還有很多,需要的時候自行查閱