mockjs 的使用步骤

1. 安装 或 cdn 引入 mockjs

yarn add mockjs --save

2. vue 项目中  在 mian.js 中  根据环境决定是否使用mcok

if (process.env.NODE_ENV === 'development') {

  require('./mock/index.js')

}

3. src 文件下创建 mock/index.js

4. 在mock/index.js文件下  写入自己的数据  例如:

import Mock from 'mockjs'

const status = {

  message: '查询成功',

  code: 1,

  status:200

};

// 对应的接口数据

const loginData = {

  data: {

    userName:'Lyon',

    phoneNumber:"13818881888"

  }

}

Mock.mock('/mock/test', 'get', Object.assign(status,loginData) )

5. vue 文件种 直接使用接口  例如:

    mockClick() {

       this.$http.get(`/mock/test`).then(res => {

         console.log('mockjs-----------------mockjs')

         console.log(res.data)

       })

    },

你可能感兴趣的:(mockjs 的使用步骤)