关于使用mock模拟数据
mock
使用mock模拟数据, 实际数据存储在浏览器中 。
官网链接: [http://mockjs.com/]
安装依赖
npm i mockjs
创建mock
1、在src目录下创建mock文件夹
2、在mock文件夹下创建.json数据文件
3、在mock文件夹下创建mockServe.js文件,引入依赖,引入数据文件,设置路径
import Mock from 'mockjs'
import banner from './banner.json'
import floor from './floor.json'
//webpack默认暴露的有:图片,json文件
//模拟服务器,实际数据存储在浏览器上
//设置路径,携带的参数
Mock.mock('/mock/banner', { code: 200, data: banner})
Mock.mock('/mock/floor',{code:200,data:floor})
在入口文件引入mockServe.js
至少需要执行一次,才能模拟数据
配置api接口
请求数据