我正在尝试为我的 Nuxt 前端设置本地化。每次我切换到英语然后转到我网站的另一个子页面时,它都会重置回德语。
这是我的语言选择器
<template>
<div class="lang-dropdown">
<select v-model="$i18n.locale">
<option
v-for="lang in $i18n.locales"
:key="lang.code"
:value="lang.code"
onchange="changeLocale"
>
{{ lang.name }}
</option>
</select>
</div>
</template>
这是我的 i18n 配置文件
import de from '../locales/de.json'
import en from '../locales/en.json'
export default {
local: 'en',
fallbackLocale: 'de',
messages: { de, en },
strategy: 'prefix'
}
这是我的 Nuxt.config.js 的 buildModules 部分
['nuxt-i18n',
{
defaultLocale: 'de',
seo: true,
locales: [
{
code: 'de',
name: 'Deutsch',
iso: 'de-DE'
},
{
code: 'en',
name: 'English',
iso: 'en-US'
}
],
vueI18n: i18n
}]