一、安装
1、安装 mock axios
npm install mockjs axios --save,AG.BG.MG.BBIN真人接口平台架设出租【企鹅21717-93408】
2、安装axios-mock-adapter
axios-mock-adapter 是axios与mock配置器,简单来说就是把二者结合在一起的工具
npm install axios-mock-adapter --save-dev
二、使用mock
1、在src目录下,创建mock文件夹,在下面再创建data文件夹,创建数据文件,比如user.js,用于模拟生成用户信息数据,初始化我们需要的数据,这里举例初始化用户信息数据
//user.js
import Mock from ‘mockjs‘; // 导入mockjs 模块
let Users = []; // 定义我们需要的数据,后面导出
const COUNT = [1, 2, 3, 4, 5]; // 定义我们需要数量,即生成几条模拟数据
for (let i = 1; i <= COUNT.length; i++) {
?Users.push(Mock.mock({ // 根据数据模板生成模拟数据。
???id: Mock.Random.guid(), // 随机id
???title: Mock.Random.first(), // 随机标题
???????name:Mock.Random.cname(), ?//随机中文名
???????addr: Mock.mock(‘@county(true)‘), ?//随机地址
???‘age|18-60‘: 1, ?//随机年龄
???birth: Mock.Random.date(), ?//随机生日
???sex: Mock.Random.integer(0, 1) ?//随机性别
???isDelete: false, //是否删除
???locked: Mock.Random.boolean(), // 随机锁定
???record: COUNT.map(() => { // ×××单项列表的数据
?????return {
???????text: Mock.Random.cparagraph(2), // 随机内容
???????isDelete: false, //是否删除
???????checked: Mock.Random.boolean() ?//是否完成
?????};
???})
?}));
}
export { // 导出用户数据
?Users
};
使用mock.js模拟AG.BG.MG.BBIN真人接口平台架设出租数据
原文地址:https://www.cnblogs.com/jueqi/p/10455342.html