vue3使用mock模拟后端接口

安装mock axios

yarn add mock
yarn add axios

新建在src/mockdata/automenu.js    模拟后端的json数据格式

import Mock from 'mockjs'
Mock.mock('/menu','get',{
    status: 200,
    menuList: [
        {
            id : 1,
            iconCls: "fa fa-window",
            name: '系统管理',
            url: '/'
        },
        {
            id: 2,
            icon: 'icon-jurassic_user',
            name: '角色管理',
            url: '/'
        },
        {
            id: 3,
            icon: 'icon-shebei',
            name: '设备管理',
            url: '/',
        }
    ]
    }
)

在src/views/home.vue中 添加如下代码  前端axios测试

效果图