接口引入
新接入的项目,我们可以很方便把API
接口交给loder打理:
loder('userInfo', ['axios'], () => {
const axios = loder.get('axios')
return axios('//sample.com/user')
})
对于现有的项目来说,API
繁多,这样的改动是非常繁琐的。一般来说,项目会以独立文件维护API
:
// api.js
import axios from 'axios'
export const getUserInfo = () => axios('//sample.com/user')
export const getPost = () => axios('//sample.com/post')
...
// page.js
import { getUserInfo } from '@/api'
const { data } = await getUserInfo()
我们可以很方便地进行loder
化:
// index.js
import * as api from '@/api.js'
Object.keys(api).forEach(key => {
loder(key, api[key])
})
// page.js
const { data } = await loder.echo('getUserInfo')
简单地接入,便可将现有接口loder
化,除了无需在每次使用额外地import api
之外,loder
提供便利的Hook
对每一个请求性能进行记录跟踪,以便持续优化。