$i18n 区域设置在导航时发生变化

Question

我将 Nuxt $i18n 用于多语言网站，我更改了默认语言，当我在页面之间导航时，所选语言是否更改为默认语言？这是 nuxt 配置中的 $i18n 配置这是为什么？

i18n: {
  locales: [
    { code: 'en', iso: 'en-US', dir: 'ltr' },
    { code: 'de', iso: 'de-GER', dir: 'ltr' }
  ],
  defaultLocale: 'de',
  vueI18n: {
    fallbackLocale: 'de',
    messages: {
      en: en.messages,
      de: de.messages
    }
  }
},

Answer 1

创建路由路径使用

method this.localePath(...), ctx.app.localePath(...)

只有这种方法可以使用当前语言环境准备路径，或者您可以自己做

Answer 2

最后我得到了这就是答案 :

<nuxt-link :to="localePath('/home')"> home </nuxt-link>

$i18n 区域设置在导航时发生变化

$i18n Locale get changed when navigating

internationalization

vue.js

nuxt.js