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相關的全局默認配置還有很多,需要的時候自行查閱


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM