关于vue.js:vue中mockjs的使用

编写index.js

import Mock from 'mockjs'

let moduleList = require.context('./response', true, /.js$/)
moduleList.keys().forEach(key => {
  let el = moduleList(key)
  for (const i in el) {
 if (Object.hasOwnProperty.call(el, i)) el[i]()
  }
})

Mock.setup({
  timeout: '0-100' // 也反对具体数字
})

export default Mock

3.编写示例 response目录下新建user.js,内容如下

import Mock from 'mockjs'

const Random = Mock.Random
export const getUserList = () => {
 Mock.mock(/user\/getUserList/, 'get', {
    'data|1-10': [
         {
             'id|+1':0
             email: '@email',
             name: '@cname',
             address: '@county(true)'
         }
    ]
 })
}

4.应用

// 间接调用接口
import { getUserList } from '@/api/user'

{
 methods: {
     getUserList(){
         getUserList().then(res => console.log(res))
     }
 }
}