首先安装mockjs

npm install mockjs --save-dev

创建mock.js

//mock.js
const Mock = require("mockjs");
// const Random = Mock.Random // Mock.Random 是一个工具类,用于生成各种随机数据
const dataList = []
//用于接受生成数据的数组
for (let i = 0; i < 50; i++) { // 可自定义生成的个数
const template = {
"roleId": i,
"name": "admin" + i,
"remark": "超级管理员" + i,
"createBy": null,
"createTime": "2018-08-14T03:11:11.000+0000",
"lastUpdateBy": null,
"lastUpdateTime": null,
"delFlag": 0
}
dataList.push(template)
}
Mock.mock(/role\/query/, 'post', (params) => { //三个参数。第一个路径,第二个请求方式post/get,第三个回调,返回值
var info = JSON.parse(params.body)
var [index, size, total] = [info.params.pageIndex, info.params.pageSize, dataList.length]
var len = total / size
var totalPages = len - parseInt(len) > 0 ? parseInt(len) + 1 : len
var newDataList = dataList.slice((index - 1) * size, index * size)
return {
'code': '0',
'message': 'success',
'data': {
'pageIndex': index,
'pageSize': size,
'content': newDataList,
'total': total,
'totalPages': totalPages,
}
}
})

在main.js中引入mock.js

import './mock/index.js'
在组件中模拟请求
//role.vue
methods: {
// 获取数据
async getSysRoleData () {
try {
const url = '/role/query';
const { data: res } = await this.$http[4].post(url, {
params: {
pageIndex: this.query.pageIndex,
pageSize: this.query.pageSize
}
});
console.log("角色管理列表:", res.data)
} catch (err) {
console.dir(err);
this.$message.error({
message: err.message,
duration: 1500
});
}
},
}

  

最新文章

  1. 《连载 | 物联网框架ServerSuperIO教程》2.服务实例的配置参数说明
  2. Sublime Text 3使用参考手册
  3. [再寄小读者之数学篇](2014-11-19 $\sin x/x$ 在 $(0,\pi/2)$ 上递增)
  4. ORACLE里的自增字段设置
  5. JS获取客户端IP地址、MAC和主机名七种方法
  6. append, appendTo, after区别(preappend、before与这几个原理相同)
  7. 【翻译】FreeMarker——入门
  8. android:自己定义组合控件Weight(高仿猫眼底部菜单条)
  9. 七 Struts2 文件上传和下载
  10. Docker入门-docker-compose使用(二)
  11. Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析
  12. windows服务安装,卸载
  13. 多元线性回归(Multivariate Linear Regression)简单应用
  14. python模块之os模块
  15. linux space/mark设置
  16. 潭州课堂25班:Ph201805201 第十五课 迭代器,生成器 (课堂笔记)
  17. Codeforces 786 C. Till I Collapse
  18. 重新配置dbconsole的步骤
  19. STL - 容器 - Map(一)
  20. 带入gRPC:gRPC Streaming, Client and Server

热门文章

  1. PHP 下载apk文件
  2. ppt技巧一四步法调整段落排版
  3. vscode 终端操作命令npm报错
  4. Java线程的6种状态
  5. SAP ABAP ALV 颜色设置(两个ALV函数例子) 列 行 单元格
  6. VS2010编写32位和64位dll环境配置,以及判断dll是多少位
  7. MySQL密码复杂度与密码过期策略介绍
  8. Spring Boot 2.5.0 发布:支持Java16、Gradle 7、Datasource初始化机制调整
  9. Flink使用二次聚合实现TopN计算-乱序数据
  10. [刷题] 283 Move Zeros