umi-plugin-page-request
TypeScript icon, indicating that this package has built-in type declarations

0.0.4 • Public • Published

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" }]}

Readme

Keywords

Package Sidebar

Install

npm i umi-plugin-page-request

Weekly Downloads

0

Version

0.0.4

License

MIT

Unpacked Size

10.9 kB

Total Files

5

Last publish

Collaborators

  • tangbzai