接口引入

新接入的项目,我们可以很方便把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对每一个请求性能进行记录跟踪,以便持续优化。

results matching ""

    No results matching ""