import Vue from 'vue' // 引入 vue import VueI18n from 'vue-i18n' // 引入 vue-i18n import routesI18n from '@/router/i18n' // 路由国际化 import './Objects' // 引入对象扩展 import {getI18nKey} from '@/utils/routerUtil' // 引入路由工具 /** * 创建 i18n 配置 * @param locale 本地化语言 * @param fallback 回退语言 * @returns {VueI18n} */ function initI18n(locale, fallback) { // 初始化 i18n Vue.use(VueI18n) // 使用 vue-i18n let i18nOptions = { // i18n 配置 locale, // 本地化语言 fallbackLocale: fallback, // 回退语言 silentFallbackWarn: true, // 回退语言警告 } return new VueI18n(i18nOptions) // 创建 i18n 实例 } /** * 根据 router options 配置生成 国际化语言 * @param lang * @param routes * @param valueKey * @returns {*} */ function generateI18n(lang, routes, valueKey) { // 生成 i18n routes.forEach(route => { // 遍历路由 let keys = getI18nKey(route.fullPath).split('.') // 获取 i18n key let value = valueKey === 'path' ? route[valueKey].split('/').filter(item => !item.startsWith(':') && item != '').join('.') : route[valueKey] // 获取 i18n valueKey 对应的值 lang.assignProps(keys, value) // 给 lang 对象注入属性 if (route.children) { // 如果有子路由 generateI18n(lang, route.children, valueKey) // 递归 } }) return lang } /** * 格式化 router.options.routes,生成 fullPath * @param routes * @param parentPath */ function formatFullPath(routes, parentPath = '') { // 格式化 fullPath routes.forEach(route => { // 遍历路由 let isFullPath = route.path.substring(0, 1) === '/' // 判断是否是全路径 route.fullPath = isFullPath ? route.path : (parentPath === '/' ? parentPath + route.path : parentPath + '/' + route.path) // 生成 fullPath if (route.children) { // 如果有子路由 formatFullPath(route.children, route.fullPath) // 递归 } }) } /** * 从路由提取国际化数据 * @param i18n * @param routes */ function mergeI18nFromRoutes(i18n, routes) { // 从路由提取国际化数据 formatFullPath(routes) // 格式化 fullPath const CN = generateI18n(new Object(), routes, 'name') // 生成中文国际化 const US = generateI18n(new Object(), routes, 'path') // 生成英文国际化 i18n.mergeLocaleMessage('CN', CN) // 合并中文国际化 i18n.mergeLocaleMessage('US', US) // 合并英文国际化 const messages = routesI18n.messages // 获取路由国际化 Object.keys(messages).forEach(lang => { // 遍历路由国际化 i18n.mergeLocaleMessage(lang, messages[lang]) // 合并路由国际化 }) } export { // 导出 initI18n, // 初始化 i18n 国际化 mergeI18nFromRoutes, // 从路由提取国际化数据 formatFullPath // 格式化 fullPath }