【无标题】Ant Design Of Vue的基础使用——新增页面

1. 首先在src/views目录下新建文件夹存放页面
2. 在src/config/router.config.js文件下进行路由配置

{
        path: '/result',
        name: 'result',
        component: RouteView,
        redirect: '/result/success',
        meta: { title: 'menu.result', icon: 'check-circle-o', permission: ['result'] },
        children: [
          {
            path: '/result/success',
            name: 'ResultSuccess',
            component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
            meta: { title: 'menu.result.success', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
          },
          {
            path: '/result/fail',
            name: 'ResultFail',
            component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
            meta: { title: 'menu.result.fail', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
          }
        ]
      },

4. 在src/generator-routers.js中进行引入

  ResultSuccess: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
 ResultFail: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),

这样就成功在首页中新增一个一级目录啦