使用Mock.js模拟数据

第一步：安装mockjs npm i mockjs

第二步：准备json数据，建立文件夹 src/mock/xxx.json

第三步：编写mock配置(建立文件夹)：src/mock/mockServer

  import Mock from 'mockjs'  			//引入安装好的mock文件
  import banner from './banner.json'   //引入自己模拟的数据json文件
  import floor from './floor.json'     //引入自己模拟的数据json文件
  

 用法: Mock.mock('路径地址(随便)','请求方式',返回的数据)
 请求方式不写,默认为get请求

  Mock.mock('/mock/banner','get',{code:200,data:banner}) 
  Mock.mock('/mock/floor','get',{code:200,data:floor})

第四步：main.js中引入mockServer.js让其参与项目运行；

第五步：复制一份src/api/ajax.js，改名为：mockAjax.js，修改其中的baseURL为：/mock

第六步：src/api/index.js中编写请求轮播图数据的api

//请求轮播图数据（模拟的数据）
export const reqBannerList = () => mockAjax.get('/banner')

备注：

1. mock会拦截住使用mockAjax.js发送的请求，不会让请求到达服务器；
2. 借助浏览器控制台看不到mock发起的请求，更看不到响应；
3. 得到的数据是json文件中配置的数据；