Axios二次分装的目的？

二次封装axios，方便我们后续项目的使用。

api统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.通常我们的项目会越做越大,页面也会越来越多,如果页面非常的少,直接用axios也没有什么大的影响,那页面组件多了起来,上百个接口呢,这个时候后端改了接口,多加了一个参数什么的呢?那就只有找到那个页面,进去修改.整个过程很繁琐不易于项目的维护和迭代.

/*
 
二次封装axios使用示例
 
1.新建api文件夹对请求进行集中管理
 
2.在api文件夹下建立对应功能模块文件
 
3.在文件中导入封装好的request函数
 
4.代码示例如下
 
    import { request } from '../service/request'
 
    export function fetchData(data) {
        return request({
         	// 此处配置具体详见axios官方文档 http://axios-js.com/zh-cn/docs/
            method: 'get',
            url: '/get',
            params:data
        })
    }
 
5.在需要进行请求的模块中使用
 
    import { fetchData } from './api/app'
 
    const data={
      name:'Boy',
      age:'18'
    }
    
    // 此处可使用async await语法本文不做具体讲解 https://es6.ruanyifeng.com/#docs/async
    fetchData(data).then(res => {
      console.log(res,'这是get接口请求到的数据')
    }).catch(err =>{
      console.log(err,'此处是捕获到的错误信息')
    })
 
*/