第六章 安装Mock.js模拟后台数据

一、安装依赖

cnpm install mockjs -D

二、编写模拟数据

在src文件夹下新建一个mock，然后在下面建立mock.js

import Mock from 'mockjs'

Mock.mock('http://localhost:8080/user',{
    'name':'@name',
    'email':'@email',
    'age|1-10':5,
})

Mock.mock('http://localhost:8080/menu',{
    'id':'@increment',
    'name':'menu',
    'order|1-20':5,
})

三、Home.vue使用mock

import mock from '@/mock/mock.js'

 axios.get('http://localhost:8080/user').then(res => {
        alert(JSON.stringify(res.data))
 })