从0开始学VUE--使用Django+Vue 构建一个Web项目(11) 使用mock模拟数据，并进行分页显示

由于还未做后端开发，前端测试需要使用mock进行模拟数据。

安装

npm install mockjs --save-dev

npm i axios --save

使用

创建mock文件夹，在该文件夹下创建mock.js

// 引入mockjs
const Mock = require('mockjs')
// 获取 mock.Random 对象
const Random = Mock.Random
// 配置拦截 ajax 的请求时的行为，支持的配置项目有 timeout。
Mock.setup({
  timeout: '200 - 400'
})


function getUserData (prarms) {
  let data = []
  for (let i = 0; i < 100; i++) {
    let user = {
      date: Random.date() + ' ' + Random.time(), // Random.date()指示生成的日期字符串的格式,默认为yyyy-MM-dd；Random.time() 返回一个随机的时间字符串
      name: Random.cname(), // Random.cname() 随机生成一个常见的中文姓名
      address: '上海市普陀区金沙江路 1516 弄',
      tag: Random.csentence(5, 30)
    }
    data.push(user)
  }
  return {
    data: data
  }
}

// Mock.mock( url, post/get , 返回的数据)；
Mock.mock('/user', 'get', getUserData) // 用户数据