Ant Design Pro of Vue 添加路由和菜单

首先启动项目登录后进入后台页面

  这是菜单列表：

 目前脚手架中所有的路由都通过 router.config.js 来统一管理。

添加路由菜单步骤如下：

1、在View中创建一个文件夹并在文件夹中创建个xxx.vue文件

2、前往src/config/router.config.js中配置路由

        我这里是只做一级菜单（如果要做多级菜单请自行配置children）

 3、根据router.config.js中刚才配置的路由，对meta中的title中英文转换进行配置

         英文配置路径：src/locales/lang/en-US/menu.js（注意要与title中定义的名称一致）

          中文配置路径：src/locales/lang/zh-CN/menu.js（注意要与title中定义的名称一致）

 

 4、最后一步，给刚配置的路由页面授权

       找到meta中的permission授权文件页面

        授权页面路径：src/mock/services/user.js 进入页面后，找到permissions

         在permissions中，复制其中一个对象，然后修改permissionId和permissionName中的值即可。

 最后配置成功啦！

效果展示：