enhance-axios-plugin

此模块为增强 axios 功能的插件，主要为 axios增加了几个常用方法。

方法来自 nuxt 最佳实践中。

enhanceAxiosPlugin example

// yarn add enhance-axios-plugin || npm i enhance-axios-plugin

import axios from 'axios';
import { enhanceAxiosPlugin } from 'enhance-axios-plugin'

const axioxInstance = axios.create({...config})

enhanceAxiosPlugin(axioxInstance)

// instance.$get
// instance.$post
// instance.$delete
// instance.$put

// 此方法默认帮我们解构了一层 data 再返回，举个例子🌰
// 一般 res.data 才是真正的，后端返回的数据


axioxInstance.get('/').then(res => {
  console.log(res.data)
})

// 使用 $get 后 res 即是后端返回数据

axioxInstance.$get('/').then(res => {
  console.log(res)
})

axios-fresh-token-plugin

import { axiosfreshTokenPlugin } from 'enhance-axios-plugin'


// 复用刷新 token 的逻辑
export function axiosRefreshTokenGenerator(store) {
  return axiosInstance => {
    return axiosfreshTokenPlugin(axiosInstance, {
      refreshStatus: [401],
      refreshAction: () => {
        return store.dispatch('refreshToken');
      },
      onRetry: (config, token) => {
        config.headers.Authorization = `Bearer ${token}`;
        return config;
      },
      isRefreshRequest: config => {
        // TODO: 完善判断 refreshToken 的逻辑
        return config.url.indexOf('refreshToken') > -1;
      },
      handleFreshError(error) {
        console.log(error);
      }
    });
  };
}