饥人谷技术博客前端之他山之石

【图文详解】如何mock数据

2019-07-04  本文已影响17人  李先来贰

目录

如何在本地通过静态服务器mock数据

1.在本地创建html文件与json文件

json文件
创建XMLHttpRequest()对象的HTML文件

2.注意,最好把两者放在同一个目录下。同一个文件夹下的文件,只需要用/文件格式,就可以了。如果在别的目录下,需要输入相关的目录,麻烦一些

放入同一文件夹

3.通过http-server建立静态服务器

方便寻找文件

4.进入相关网页,点击相关HTML文件

image.png

5.右键检查


对照json

如何使用Easy Mock

1.注册,新建项目



2.新建接口,编辑内容



3.预览效果



4.如何在本地测试easykmock里面的接口


在本地创建一个XMLHttpRequest的HTML文件,将地址设置为easymock里的地址
创建静态服务器
输入服务器地址,打开HTML文件
得到与easy-mock中一致的结果

如何使用githubpages mock数据

1.新建一个库



2.创建json文件与html文件



创建json
HTML文件

3.设置GitHubpages



选择mater branch
出现相应页面网址

4.进入页面,再选择文件地址,右键检查


主要页面
加上HTML后缀,进入页面后,右键检查,结果一致。成功。

为什么我们要mock数据

浅谈mock

上一篇 下一篇

猜你喜欢

热点阅读