关于axios封装，如何在拦截器里的错误回调里优雅的引用模态框组件

Question

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'

var ajax = axios.create({
  headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'},
  // 超时时间120s
  timeout: 120 * 1000,
  validateStatus (status) {
    return true
  }
})

ajax.interceptors.request.use((config) => {
  // 在请求发出之前进行一些操作 loding
  config.data = qs.stringify(config.data)
  return config
}, (error) => {
  return Promise.reject(error)
})

ajax.interceptors.response.use((res) => {
  // 在这里对返回的数据进行处理
  return res
}, (error) => {
  // TODO 待补充
  return Promise.reject(error)
})

Vue.prototype.ajax = ajax

export default ajax

例如我在请求之前想调用下loading组件，或者修改vue实例的属性load=true，或者在失败时调用下modal组件弹出下错误信息，怎么样才能引用的到呢

Answer 1

Answer 2

把组件封装成命令式调用，可以参考 mint-ui 的实现方式
https://github.com/ElemeFE/mi...

使用方式
http://mint-ui.github.io/docs...