xt-admin-axios

xt-admin-axios

axios 实例封装

安装

npm i xt-admin-axios

使用方法

与原生 axios 的用法相同

import axios from "xt-admin-axios";
axios(config);
axios.get(url, config);
axios.delete(url, config);
axios.head(url, config);
axios.options(url, config);
axios.post(url, data, config);
axios.put(url, data, config);
axios.patch(url, data, config);

config额外参数扩展

const config = { 
  cancelFun: (cancelFunction) => {}, //取消回调函数，将中止请求的方法以参数方式传递
  isReturnResponse: false, //如果存在，直接返回 response 不进行错误码校验，优先级最高
  isResFull: false, //如果存在响应完整的返回包，否则返回 res.result ，默认否，优先级次之
  noHandle401: false, //如果存在，不处理 401 错误(会话失效问题)，默认否处理401
  errorPop: true, //如果存在，接口报错执行，弹出toast，如果为函数将调用 (errMsg，res.body) => {}
  successPop: (res.body) => {}, //如果存在，接口报错执行，弹出toast，如果为函数将调用 (msg, res.body) => {}
}

catch

catch(e) { //可被捕获的错误类型
  if (typeof e.code === 'number') { //接口报错
    //e = {code: 302, info: '报错信息', data: {}}
    //e = {code: 302, msg: '报错信息', data: {}}
  } else if (e.isCancel) { //请求取消
    //e= {isCancel: true, message: '可选信息'}
  } else if (e.isError) { //通信失败
    //e= {isError: true, message: '未联网'}
  }
}

支持 async/await

const {err, data} = await axios.asyncAwait(axios.get(url));
//err 如果为 1，data 是错误信息对象

vue install options

const options = {
  headers: {}, //请求头
  i18n: i18n.global.t,
  alert: (isErr, infoMsg, resData) => {}, //错误提示函数，isErr 出错标准，infoMsg 信息字符串
  toLogin: () => {}, //token 40101跳转到重新登录页
  newToken: () => {}, //获取新的 token 的函数
};