美文网首页
模拟数据

模拟数据

作者: Grayly吖 | 来源:发表于2019-05-12 22:28 被阅读0次

    模拟数据接口的几种方式

          前后端分离分工协作是一个非常高效的做法,但是有时前后端分离不彻底会很痛苦。前后端本来应该是异步进行的,进度互不影响,但是,前端却严重依赖后端的接口,总会苦苦等待后端接口出来才能继续开发,这时候我们就可以向后端了解开发所需的数据结构字段,从而模拟数据(假数据)便于我们的下一步开发

    一、使用node.js编写接口

    二、请求本地 json 文件,返回数据

          const url = "http://localhost:8080/data/getList.json";
    
          this.axios.get(url).then(res => {
            console.log(res); //查看是否得到数据
    
            this.films = res.data.films;
            this.banners = res.data.banners;
          });
    

    三、使用easy-mock模拟接口

          它是一个简单、高效、可视化的在线mock工具。相对于 mockjs主要用于生成和拦截数据,easy-mock有些更加强大和实用的功能。它不仅能够生成模拟数据,更能以项目的方式管理的你接口,还能实现团队协作。此外,它还是支持接口动态入参和返回响应值。这样在前后端分离的开发环境中,接口多且复杂,它能发挥最大的作用。

    响应式数据:为某个属性指定一个 Function。在 Function 中,我们提供了 _req 对象,这使得我们可以通过请求对象编写逻辑,实现响应式数据

    (1)get请求中的参数获取:_req.query
    (2)post请求中的参数获取:_req.body

    相关文章

      网友评论

          本文标题:模拟数据

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