vue中axios.create创建实例 并使用axios.all并发请求

东明兄 • 2018-05-28 • 开发笔记 • 22479 阅读
chat

刚接触axios没多久，前面只是使用axios做一些基础的请求，今天做东西要在使用axios.create的情况下使用axios.all并发请求，尝试了几次后找到方法，这样写：

main.js中： 

import axios from 'axios'

Vue.prototype.$axiosTools=axios;//将使用$axiosTools 来使用axios的all方法和spread方法
let http = axios.create({
  baseURL: 'http://xxxxx.com/index.php/Api/',
  timeout: 1000,
});
Vue.prototype.$axios=http;//这个$axios用来发请求

xxx.vue中 

   created(){
    
      this.$axiosTools.all([this.getBanner(), this.getDesign()])
        .then(this.$axiosTools.spread(function (a, b) {
          // 两个请求现在都执行完成
          console.log(b);
          console.log(a);
        }));

    },
    methods: {

      getBanner() {
        return this.$axios.get('Api/getBanner');
      },
      getDesign() {
        return this.$axios.get('Index/design');
      }
    }

版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/475/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
vue中axios.create创建实例 并使用axios.all并发请求
刚接触axios没多久，前面只是使用axios做一些基础的请求，今天做东西要在使用axios.create的情况下使用axios.all并发请求，尝试了几次后找到方法
<<上一篇
下一篇>>
chat