我们在使用Ant design Pro for Vue时 经常会从后台获取路由地址 这样就造成自定义svg图标失效 加入如下代码即可解决问题

/src/router/generator-routers.js 文件下

导入使用的自定义svg

import { bxAnaalyse } from '@/core/icons'

然后在格式化树形结构数据 生成 vue-router 层级路由表

generator里加入判断

    if(item.meta.icon == 'bxAnaalyse'){

      item.meta.icon = bxAnaalyse

    }

      meta: {

        title: title,

        icon: item.meta.icon || undefined,

        hiddenHeaderContent: hiddenHeaderContent,

        target: target,

        permission: item.name

      }

修改即可

如有疑问或者交流问题请加:QQ 2137087126