安装mockjs

1
npm install mockjs --save-dev

在项目中创建mock文件夹，并且创建index.js文件。

index.js 内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 引入mockjs
import Mock from 'mockjs'
//使用mockjs模拟数据
Mock.mock('/api/user/login', {
    "status": 0,
    "data": {
        "username": "@cname",//随机生成中文名字
        "email": "@email",
        "phone|1-9": 0,
        "role": 0,
        "createTime": 1524545121218,
        "updateTime": 1524545121218
    }
});

在main.js中引用index.js文件，此部分引入的是我们所编写的mockjs文档

xxx.vue文件中调用mock.js中模拟的数据接口，这时返回的response就是mock.js中用Mock.mock(‘url’,data）中设置的data了

结果：