谈谈 配置mock

目的: 前端在后端接口未提供前，自已做一个接口假数据模拟，形成前端数据展示页面效果。

配置： 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拦截