antd pro笔记13——Mock和联调

244 阅读1分钟

Mock数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务端约定好接口,能够让前端开发独立自主,不会被服务端进度阻塞。
在Ant Design Pro 中,底层框架是umi,自带了代理请求功能,通过代理请求就能够轻松处理数据模拟的功能。

使用umi的mock功能

umi里约定mock文件夹下的文件即mock文件,文件导出接口定义,支持基于require动态分析的实时刷新,支持ES6语法,以及友好的错误提示,详情参看umijs.org.
当客户端(浏览器)发送请求,如:GET /api/users,那么本地启动的 umi dev 会跟此配置文件匹配请求路径以及方法,如果匹配到了,就会将请求通过配置处理,就可以像样例一样,你可以直接返回数据,也可以通过函数处理以及重定向到另一个服务器。

联调

关闭mock数据。

npm run start:no-mock

或者代理到服务器的真实接口地址,执行npm start

proxy反向代理服务