前端使用apifox工具 mock数据

3,313 阅读1分钟

现实中大家开发都是前后端同步进行的,有时后端没有开发出来接口,就需要前端来模拟数据进行开发,如果直接在页面中写死数据,会出现很多无用的代码,apifox就可以实现数据的mock,直接使用到项目中。等后端开发好后只需要更改请求网址即可。

首先是下载apifox

下载后注册登录

image.png

登录后点击新建团队

image.png 然后新建项目

image.png

切换到项目中

image.png 然后新建接口或者分类

image.png

创建用户列表接口

image.png 保存后去修改文档处修改

image.png image.png

点击创建示例

image.png

image.png

image.png 切换到运行,点击发送即可获取数据

image.png

image.png 然后把请求的mock网址写到项目中,这时你会发现报错404, 此时需要把网址中的127.0.0.1换成自己的ip地址即可

image.png

image.png