vue-simple/lib/api/interceptor.js

Use Vue in the simplest and easiest way, contain more than one of plugins and other to do that, i hope you will like it.

import _toConsumableArray from 'babel-runtime/helpers/toConsumableArray';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
// --------------------------------------------------------------------------
//
// Interceptor Define
//
// --------------------------------------------------------------------------

/**
 * 请求错误默认处理函数
 * @param error
 */
var DefaultError = function DefaultError(error) {
  console.error(error);
};

/**
 * Axios 拦截器代理器
 */

var Interceptor = function () {

  /**
   * 初始化
   * @param {AxiosInstance} axios 实例
   */
  function Interceptor(axios) {
    _classCallCheck(this, Interceptor);

    this._interceptors = [];
    this._unuseInterceptors = [];

    this._axios = axios;
  }

  /**
   * 检测是否已经注册过指定拦截器函数
   * @param {string} type 拦截器类型：request|response
   * @param {function} interceptor 拦截器
   * @return {boolean}
   */


  _createClass(Interceptor, [{
    key: 'has',
    value: function has(type, interceptor) {
      var target = [].concat(_toConsumableArray(this._interceptors), _toConsumableArray(this._unuseInterceptors));

      for (var i = 0; i < target.length; i++) {
        var item = target[i];
        if (item.interceptor === interceptor && item.type === type) return true;
      }

      return false;
    }

    /**
     * 注册拦截器
     * @param {string} type 拦截器类型：request|response
     * @param {function} interceptor 拦截器
     * @param {function} [error] 该拦截器所对应的错误处理函数，若不设置则使用默认错误处理函数
     */

  }, {
    key: 'register',
    value: function register(type, interceptor, error) {
      if (!this.has(type, interceptor)) {
        this._unuseInterceptors.push({
          id: -1, type: type, interceptor: interceptor, error: error
        });
      }
    }

    /**
     * 启用已注册的拦截器
     * @param {string} [type] 需要启用的类型，若缺省则启用所有已注册拦截器
     */

  }, {
    key: 'flush',
    value: function flush(type) {
      var target = this._unuseInterceptors;

      if (/^(request|response)$/i.test(type)) {
        target = target.filter(function (i) {
          return i.type === type;
        });
      }

      while (target.length > 0) {
        var item = target.shift();

        item.id = this._axios.interceptors[item.type].use(item.interceptor, item.error || DefaultError);
        this._interceptors.push(item);
      }
    }
  }]);

  return Interceptor;
}();

Interceptor.request = 'request';
Interceptor.response = 'response';

export { Interceptor, DefaultError };