在web日常开发中,虽然大多都是前后端分离的开发模式,但是还是会遇到一些前后端协调的问题。比如有时候前端页面已经开发好,后端接口却还在开发中,而我们有些样式又必须要有数据才能看效果,这时候该怎么办呢?
通常情况下,我们的做法是自己手动造一些假数据,但是当数据量大且需要考虑到各种极端情况时,这种自造假数据的方式显然不是最好的解决方法。那么,我们能不能让程序自己来随机产生一些符合一定规则的数据呢?
答案当然是肯定的。今天介绍的一款JS插件就是专门用来实现这个功能的,那就是 Mock.js,它可以用来批量模拟后端数据,并且可以按照我们自己设定的规则来随机产生,非常强大和实用!
一、用法示例简单概述一下怎么使用
1)安装:npm i mock -S
2)创建mock文件夹及js文件
3)js文件内容:创建一个空数组,在写一个循环,在循环中创建Mock.mock对象,对应的mock属性格式
4)给出接口地址(地址随意点)、请求方式、定义的数组
5)最后曝光这个数组,再在main.js文件引入,Vue.use(**)挂载在Vue
6)这样axios请求接口地址就可以
代码示例:
mock.js是用请求拦截的方式返回数据,因此当后端写好数据时,去掉拦截就可以无缝接入后端返回的数据,可以说是前后端分离开发的效率神器!