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相关的全局默认配置还有很多,需要的时候自行查阅
posted @ 2020-07-04 08:46  CarreyB  阅读(1345)  评论(0编辑  收藏  举报