mock.js使用

1.引入mock.js依赖

package.js dependencies依赖注入mockjs ("mockjs": "^1.0.1-beta3")，并标明版本，npm install安装远程依赖

2.项目中引入mockjs

main.js 主js里面引入mock import './mock'

mock文件夹下的index.js

import Mock from 'mockjs'

export getPeopleData() {

    const length = 30

    const data = []

    for (let i = 0; i < length; i++) {

      data.push(Mock.mock({

        name: '@cname',

        age: '@int(18, 60)',

        date: '@date',

        city: '@city',

        id: '@int(1, 1000)'

      }))

    }

    return {

      data: {

        data: data,

        total: length

      }

    }

  }

Mock.mock(/\/api\/people/, 'get', getPeopleData)

具体需要mock哪些哪种类型的假数据，详见官网 http://mockjs.com/examples.html

js文件中的函数就可以用get方式调用/api/people接口请求数据啦，不会再network中显示接口名称，可以console.log打印请求之后的数据，如果需要传参的接口目前还没调研到，有知道的希望给我留言，非常感谢