vue中mockjs的使用

1. src目录下新建index.js和response目录,response 用于注册各个模块的接口

2. 编写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))
        }
    }
   }