【图文详解】如何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数据

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