Mock.js 随机生成数据，拦截ajax请求

Mock数据（模拟）：如果你想模拟mock数据，需要用到一个插件mock.js

1. 在项目当中src文件中创建mock文件夹
2. 第二步准备JSON数据（mock文件夹中创建相应的JSON文件）-----格式化一下，别留有空格（跑不起来）
3. 把mock数据需要的图片放置到public文件夹中 【public文件夹在打包的时候，会把相应的资源原封不动的打包到dist文件夹中】
4. 在mock文件下面创建mockServe.js 通过mockjs插件实现模拟数据

5. //先引入mockjs模块
   import Mock from 'mockjs'
   
   //把JSON数据引进来
   import banner from './banner'
   import floor from "./floor"
   
   //mock数据：第一个参数请求地址， 第二个参数：请求数据
   
   Mock.mock('/mock/banner', { code: 200, data: banner })
   
   Mock.mock('/mock/floor', { code: 200, data: floor })

    

6. mockServe.js文件在入口文件中引入（至少需要执行一次，才能模拟数据）

在main.js 文件中

// 引入MockServer.js  ---mock数据
import "@/mock/mockServe"

7.

// 当前API同意管理

import mockAjax from "./mockAjax";
// 三级联动接口



// 获取banner（首页轮播图接口）
export const reqGetBannerList = () => mockAjax.get("/banner");


直接调用即可，但是不会出现在network中