antd-pro配置动态菜单：某些菜单选项根据需要决定是否显示

 

在项目中，我想根据用户或者域名的不同而显示不同的菜单选项，该怎么办呢？

 在官方指导中，是这么说的：

为此，我进行了研究，发现可以修改src/models/menu.js中的formatter方法，来实现。

在router.config.js中的路由，要配置了name和path属性，才会在左侧的菜单栏上进行显示。

 

如下图，每个item都是一个路由，我们可以添加逻辑代码，将某些不想显示在菜单中的路由过滤掉。如红框所示，在域名不以test开头的网站中，不会显示view_pkg_log这个菜单选项。（一份源文件可能会发布多次，每次配置不同的域名）

item举例：