当前位置: 首页 > Web前端 > vue.js

mockjs的使用在vue的

时间:2023-03-31 16:22:24 vue.js

src目录新建index.js和response目录,response用于注册各个模块的接口写index.jsimportMockfrom'mockjs'letmoduleList=require.context('./response',true,/.js$/)moduleList.keys().forEach(key=>{letel=moduleList(key)for(constiinel){if(Object.hasOwnProperty.call(el,i))el[i]()}})Mock.setup({timeout:'0-100'//也支持特定数字})exportdefaultMock3.在sampleresponse目录下新建user.js,内容如下importMockfrom'mockjs'constRandom=Mock.RandomexportconstgetUserList=()=>{Mock.mock(/user\/getUserList/,'get',{'data|1-10':[{'id|+1':0email:'@email',name:'@cname',address:'@county(true)'}]})}4.使用//直接调用接口import{getUserList}from'@/api/user'{methods:{getUserList(){getUserList().then(res=>console.log(res))}}}