码迷,mamicode.com
首页 > 移动开发 > 详细

axios全局配置

时间:2020-09-18 02:03:53      阅读:49      评论:0      收藏:0      [点我收藏+]

标签:param   很多   代码   相同   spl   page   不用   解决   span   

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相关的全局默认配置还有很多,需要的时候自行查阅

axios全局配置

标签:param   很多   代码   相同   spl   page   不用   解决   span   

原文地址:https://www.cnblogs.com/carreyBlog/p/13672638.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!