模拟数据

2019-05-12  本文已影响0人  Grayly吖

模拟数据接口的几种方式

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

一、使用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

上一篇下一篇

猜你喜欢

热点阅读