mock analog data is simply used in the frame

First, in the frame modules need to mock

cnpm i mockjs -S

Secondly, the src folder under the new mock folder, create a new file in mock index.js folder

code show as below:

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 introduced in the mock import './mock/index'

Data to be used directly in the request

axios.get ( 'http://47.103.82.2:3000/getBanner') .then (RES => { 
    the console.log (res.data) 
    // subsequent service logic 
})