mock数据模拟器

如果你想模拟一些数据，那么你可能需要这个插件——mockjs

（说明：mockjs中的数据不会与后端有任何通信，只是前端程序员自己在玩耍。）

1.安装

npm install --save mockjs

2.使用步骤

①在项目当中的src文件夹中创建一个mock文件夹

②准备JSON数据（mock文件夹中创建相应的JSON文件，放入json格式数据）

③把mock数据需要的图片放到public文件夹中（public文件夹在打包的时候，会把相应的资源原封不动的打包到dist文件夹中）

④创建mockServe.js通过mockjs插件实现模拟数据（mock文件夹中创建相应的mockServe.js文件）

//mockServe.js文件夹内代码

//1.先引入mockjs模块
import Mock from "mockjs";

//2.把JSON数据格式引入进来
import banner from "./banner.json";

//3.mock数据：第一个参数：请求地址 第二个参数：请求数据
Mock.mock("/mock/banner",{code:200,data:banner});

⑤main.js文件中引入mockServe.js文件

//main.js文件内代码
//1.引入MockServe.js
import "@/mock/mockServe";