vue之axios封装

兮川

已于 2022-11-08 12:58:58 修改

阅读量7.2k

点赞数 7

分类专栏：前端文章标签： vue封装axios

于 2019-01-17 11:36:50 首次发布

本文链接：https://blog.csdn.net/zc_ad/article/details/86520988

版权

本想使用axios，但不封装的话，使用起来太臃肿，此封装方式是根据别人封装格式改造过来使用，地址在最下面。

1.axios安装：

npm install axios -D

2.封装axios，index.js

/** 接口调用工具*/

import axios from 'axios'  引用axios
// 配置API接口地址
var root = 'http://localhost:7002'
axios.defaults.headers.post['content-Type'] = 'application/json;charset=UTF-8';

// 自定义判断元素类型JS
function toType (obj) {
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}
/** 参数过滤函数*/
function filterNull (o) {
  for (var key in o) {
    if (o[key] === null) {
      delete o[key]
    }
    if (toType(o[key]) === 'string') {
      o[key] = o[key].trim()
    } else if (toType(o[key]) === 'object') {
      o[key] = filterNull(o[key])
    } else if (toType(o[key]) === 'array