0.0.4 • Published 2 months ago

umi-plugin-page-request v0.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
2 months ago

umi-plugin-page-request

需要配合约定式路由openAPI插件使用

功能

获取/src/pages/底下的所有页面,并且根据import语法获取这些页面中使用到的接口(/src/services/export的接口)并暴露到umi

安装

  1. 添加依赖包
npm install umi-plugin-page-request
  1. 配置文件的plugin里加入umi-plugin-page-request
...
plugin: ['umi-plugin-page-request']
...

使用示例

目录结构

src
|- pages
  |- index.tsx
|- services
  |- demo
    |- demo.ts
    |- index.ts
/** src/pages/index.tsx */
import { demoRequest } from '@/services/demo'
export default function Index() {
  return <></>
}
/** src/services/demo/index.ts */
export * from './demo'
/** src/services/demo/demo.ts */
// @ts-ignore
/* eslint-disable */
import { request } from '@umijs/max'

/** xxx POST /api/path/url */
export async function demoRequest(body: API.xxx) {
  return request<API.Response>('/api/path/url', {
    method: 'POST',
    data: body,
  })
}

使用时仅需在umi中导入PAGE_REQUEST_MAP即可

import { PAGE_REQUEST_MAP } from 'umi' // 获取页面与接口的映射
console.log(PAGE_REQUEST_MAP) // {"index.tsx": [{ "name": "demoRequest", "method":"POST", "url":"/api/path/url" }]}
0.0.4

2 months ago

0.0.3

4 months ago

0.0.2

5 months ago

0.0.1

5 months ago