mockjs基础使用,简单模拟后台数据.

含义:

拦截ajax请求.产生随机或者固定的模拟数据.

用于在后端没有数据的时候.临时使用测试代码功能

先创建一个mock.js文件.一般创建在src目录下的api文件夹中.

1.下包

yarn add mockjs
---------------
npm install mockjs

2.引入

import Mock from 'mockjs'

3.使用

Mock.mock('拦截的接口地址.是指你设定的原始地址.也就是你现在拿不到数据的地址.拦截它然后在自己书写对应格式的后台内容结构',
{  
     //如果知道自己后台数据结构.这里书写对应结构
     //如果不知道自己的数据结构.需要随机产生.
     //具体内容查看mockjs官网.
})
Mock.mock('http://mockjs.com/dist/mock',{
// 需要模拟的数据.具体根据个人需求书写.用于匹配你当前结构的需求.
// 简单配写如下.具体详情.查看官网.
    name: {
        first: '@FIRST',
        middle: '@FIRST',
        last: '@LAST',
        full: '@first @middle @last'
    }

})


// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

4.引入 该js.  在main.js中 直接导入

import '具体mock.js的存放路径地址.'

这样就可以模拟后台数据了.

具体需要模拟怎样的后台数据.请查看官网http://mockjs.com/