vue3 i18n 未定义语言环境

Question

我正在尝试做一个多语言项目，但是问题是 重定向返回未定义的。有什么方法可以解决此问题吗？ 尽管我做了所有的努力，但它仍然说不确定，当我在地址栏中键入lang参数时，它行不通。固定en.json工作

https：//vue-i18n.intlify。 dev/installation.html

app.js

import {createApp} from 'vue';
import App from './App.vue'
import i18n from './i18n';
import WebsiteRouter from './Website/router';
axios.defaults.withCredentials = true;

createApp(App)
    .use(WebsiteRouter)
    .use(i18n)
    .mount("#app");

/router/index.js

import {createRouter, createWebHistory} from 'vue-router'
import i18n from "../../i18n";
import routes from './routes'


const router = createRouter({
    history: createWebHistory(),
    routes
})

router.beforeEach((to, from, next) => {

    let language = to.params.lang;
    if (!language) {
        language = 'en'
    }
    i18n.locale = language
    next()
})

export default router;

doutes.js

import i18n from "../../i18n";

export default [
    {
        path: '/',
        redirect: `/${i18n.locale}`
    },
    {
        path: '/:lang',
        component: {
            render (c) { return c('router-view') }
        },
        children: [
            {
                path: '/',
                name: 'home',
                component: () => import('../Views/Home.vue'),
            },
            {
                path: '/about',
                name: 'about',
                component: () => import('../Views/About.vue'),
            },
            {
                path: '/contact',
                name: 'contact',
                component: () => import('../Views/Contact.vue'),
            }
        ]
    }
];

Answer 1

尝试用于

redirect: `/${i18n.globale.locale}` 

重定向

。

i18n.locale = language

的

i18n.globale.locale = language

ROUTES.JS

中