谈谈 配置mock
2020-06-29 本文已影响0人
爱看小说的叶子
目的: 前端在后端接口未提供前，自已做一个接口假数据模拟，形成前端数据展示页面效果。
配置： npm i --save mockjs
建立文件：1:建立mock/mock.js文件件夹和文件。
建立mock数据
上面的代码输出：
代码：可以直接引用
import Mock from 'mockjs'
Mock.mock('/api/test/list', /post|get/i, {
'code': 200,
'result|10': [
{
'age|20-30':23,
name:'@cname',
id:'@guid',
'job|1':['前端工程师','后端工程师','css','js'],
title: '@sentence(10, 20)',
display_time: '@datetime',
pageviews: '@integer(300, 5000)'
}
],
'message': '获取数据成功！'
})
2:main.js引用进来mock
3:url 和 api的url一致，同等才会判断true拦截
