mockjs 的使用步骤

69 阅读1分钟
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'查询成功',
>   code1,
>   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)
  })
},