src
目录下新建index.js
和response
目录,response
用于注册各个模块的接口编写
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.Randomexport 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)) } }}