【图文详解】如何mock数据

作者: 李先来贰 | 来源:发表于2019-07-04 14:42 被阅读17次

目录

  • 如何在本地通过静态服务器mock数据
  • 如何使用Easy Mock
  • 如何使用githubpages mock数据
  • 为什么我们要mock数据

如何在本地通过静态服务器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

相关文章

  • 【图文详解】如何mock数据

    目录 如何在本地通过静态服务器mock数据 如何使用Easy Mock 如何使用githubpages mock数...

  • YUV转rgb

    图文详解YUV420数据格式

  • vue本地开发mock数据.md

    一、为什么要mock数据? 二、如何mock数据? 三、webpack本地代理配置 四、mockjs使用 五、ea...

  • 2020-01-31

    Pytest-Mock 进阶用法详解 一、什么是 Mock 测试? Mock测试就是在 测试过程 中,对于某些...

  • mock数据

    Vue中的mock数据指的是什么? mock数据指的模拟数据,mock中文翻译愚弄,嘲笑。 实现mock数据如下:...

  • 如何 mock 数据

    mock 数据的好处 团队可以并行工作有了Mock,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只...

  • 如何mock数据

    mock数据有搭建本地服务器mock和通过线上网站mock数据两种方法:1.搭建本地服务器安装node.js,使用...

  • 如何mock数据?

    方法一:通过本地服务器 1.通过在控制台输入http-server开启本地服务器获取端口号http://local...

  • 使用 Mockjs 模拟数据

    Mock 数据 Mock 在 vue 中的使用 使用npm下载mock 2.使用 mock 在 mock 文件夹下...

  • mock.js深入

    1.Mock.mock( template )根据数据模板生成模拟数据。(具体语法见mock.js入门) 2.Mo...

网友评论

    本文标题:【图文详解】如何mock数据

    本文链接:https://www.haomeiwen.com/subject/cnslhctx.html