mock 模擬數據在框架中的簡單使用

首先在框架中須要安裝mock模塊

cnpm i mockjs -S

其次在src文件夾下新建mock文件夾，在mock文件夾中新建一個index.js文件

代碼以下：

const Mock = require('mockjs'); function getBannerFn () { let arr = []; for (var i = 0; i < 10; i++) { arr.push({ id: 'banner' + i, imgSrc: Mock.Random.image('100x100', Mock.mock('@color()')), alt: '', href: '' }) } return { code: 200, message: 'ok', data: arr } } function getProlist () { let arr = [] for(var i = 0; i < 50; i++){ arr.push({ id: 'pro' +i, name: Mock.mock('@ctitle()'), imgSrc: Mock.Random.image('100x100', Mock.mock('@color()')), price: Math.random() * 450 + 50, color: Mock.mock('@color()') address: Mock.mock('@county(true)') }) } return arr } Mock.mock('http://47.103.82.2:3000/getBanner', 'get' ,getBannerFn) Mock.mock('http://47.103.82.2:3000/getList', 'get' ,getProlist)

在main.js中引入mock    import './mock/index'

在須要請求的數據中直接使用

axios.get('http://47.103.82.2:3000/getBanner').then(res => { console.log(res.data) // 後續的業務邏輯
})