mockjs 生成随机数据，如何使用？

官网地址：Mock.js

步骤一：安装mockjs            cnpm install mockjs -S

步骤二：创建src/mock/xxx.json ,在mock文件夹中准备响应的json文件（json代码需要格式化）

步骤三：把mock需要的图片放在public/images文件夹中【public打包会原封不动放入dist文件中】

步骤四：创建src/mock/mockServe.js 代码如下，根据数据模板实现模拟数据

//安装mockjs，并引入mockjs依赖
import Mock  from 'mockjs'

//把json格式数据引入, 注意：image、json文件是默认对外暴露的
import banners from './banners.json'
import floors from './floors.json'


//根据数据模板生成模拟数据。第一个参数：请求地址，第二个参数：请求数据格式
Mock.mock("/mock/banner",{code:200,data:banner});
Mock.mock("/mock/floor",{code:200,data:floor});

步骤五：在main.js文件中引入mockServe.js文件

步骤六：创建一个mockAjax实例对象，并在API/index.js中设置请求

//在API/index.js中引入mockAjax对象，并配置请求
import mockAjax from './mockAjax'

export  const reqGetBannerList=()=>{
    return mockAjax({
        url:'/banner',
        method:'get'
    })
}

步骤七：在组件中，通过vuex发派给actions，.......将数据存储在vuex中

步骤八：组件中，向vuex中要数据，展示页面