umi-plugin-swagger-mock

Install

yarn add umi-plugin-swagger-mock

package.json增加命令

"startMock":"umi mock"

目录约定

1、swagger(与src文件同级)，swagger的json文件放里面 2. mock 生成的mock文件夹，与umi规定相同，接口的层级与umi-pont一致

使用示例

导入json文件后，运行 yarn startMock生成mock目录

生成图示

api调用示例，与pont-api保持一致

import request from "umi-request";
import {mAPi} from '../../mock';

const App = (props: any) => {

  useEffect(()=>{
    console.log('request example',"mAPi.abtest.colleagueSel.getApiColleagueSelect");
    mAPi.abtest.colleagueSel.getApiColleagueSelect().then(res=>{console.log(res)});
  },[]);

  return (
    <h1>
      Mock页 <br />
      当前mock接口：{mAPi.abtest.colleagueSel.getApiColleagueSelect.toString()}
    </h1>
  );
};

export default App;

Options

非常重要

统一swagger的返回结构，有的接口会返回code和message，而有的接口不返回 期望规范： 所有接口不返回code和message

LICENSE

MIT