模拟数据
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模拟接口
- easy-mock:https://www.easy-mock.com/
它是一个简单、高效、可视化的在线mock工具。相对于 mockjs主要用于生成和拦截数据,easy-mock有些更加强大和实用的功能。它不仅能够生成模拟数据,更能以项目的方式管理的你接口,还能实现团队协作。此外,它还是支持接口动态入参和返回响应值。这样在前后端分离的开发环境中,接口多且复杂,它能发挥最大的作用。
响应式数据:为某个属性指定一个 Function。在 Function 中,我们提供了 _req 对象,这使得我们可以通过请求对象编写逻辑,实现响应式数据
(1)get请求中的参数获取:_req.query
(2)post请求中的参数获取:_req.body