使用人人框架做管理后台，手动添加路由，控制台老提示Not found ‘XXXX‘ key in ‘zh-CN‘ locale messages.

背景：一个兼职的项目，使用到了人人框架，这个框架个人感觉整体还是不错的，很多东西都给你封装好了，还支持国际化，算是一个兼职的利器之一了。但是尽管我说他是利器之一，但是利器不是在所有方面都利器。

遇到的问题：

        我现在的这个兼职项目，就是不需要国际化，纯中文即可。所以我自定义的路由，如截图：

因为他们的路由标题（即：title字段），也进行了国际化，我将title直接改为中文，则会出现如下的警告：

虽然，这个不影响使用，但是，有点强迫症的人，就没法接受。

解决办法：

解决的办法应该有很多，如，在国际化的配置文件，添加配置，然后将title改为对应的配置项等，但是我不想这么改，因为我懒啊，每次新增一个中文菜单都要去配置一次。觉得太麻烦了，于是，我在utils/router.ts找到将转换国际化的地方，做了一下兼容处理，代码如下：

/**
 * 转换成多语言版菜单
 * @param routes
 * @param t
 * @returns
 */
export const toLangRoutes = (
    routes: RouteRecordRaw[],
    t: (key: string) => string
): RouteRecordRaw[] => {
    const rs: RouteRecordRaw[] = [];
    routes.forEach((x: RouteRecordRaw) => {
        if (x.meta && x.meta.title) {
            const key = x.meta.title as string;
            // x.meta.title = t(key);
            x.meta.title = x.meta.noI18N ? key : t(key);
        }

        x.children = toLangRoutes(x.children || [], t);
        rs.push(x);
    });
    return rs;
};

然后，在配置路由的时候，自定义一个字段（noI18N），用来告诉上面的转换方法，当noI18N为true的时候，则不转换，直接回显原来的即可。

{
        path: '/user/password',
        component: () => import('@/views/sys/user-update-password.vue'),
        meta: { title: 'ui.user.links.editPassword', requiresAuth: true, isNavigationMenu: false }
    },
    {
        path: '/kfc/meal/add',
        component: () => import('@/views/kfc/kfccomboinfo-new.vue'),
        meta: { title: '新增套餐', noI18N: true, requiresAuth: true, isNavigationMenu: false }
    },
    {
        path: '/kfc/meal/edit',
        component: () => import('@/views/kfc/kfccomboinfo-new.vue'),
        meta: { title: '编辑套餐', noI18N: true, requiresAuth: true, isNavigationMenu: false }
    },

然后解决了。