前后端分离，后台返回的数据前端没法写，怎么办？

在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是用请求拦截的方式返回数据，因此当后端写好数据时，去掉拦截就可以无缝接入后端返回的数据，可以说是前后端分离开发的效率神器！