react项目mock数据

安装插件 yarn add mockjs

建目录

在index.ts 内导入

  import('@/mocks')
}

api

import request from '@/assets/utils/request'
const prefix = '/api'
export const MAINAPI = {
  apiTableData: function <U>(
    params: API.CommonPaginationParams
  ): Promise<API.ListRes<U>> {
    return request({
      url: '/apiTableData',
      method: 'POST',
      params,
      prefix,
    })
  },
}

使用api
const getTableData = ({
  current,
  pageSize,
}: PaginatedParams[0]): Promise<TABLE.DSource<BaseType.TableItem>> => {
  return MAINAPI.apiTableData<BaseType.TableItem>({
    pageNum: current,
    pageSize,
  }).then(res => ({
    list: res.data.records,
    total: res.data.total,
  }))
}

效果