如何在nuxt中实现多语言切换？

Question

社区，

现在我正在用 nuxt.js 开发一个多语言站点。我知道有一个名为 i18n 的解决方案。但我的计划不是将英语术语翻译成西班牙语。我正在尝试为不同目录中的不同语言创建不同的页面。我的计划是将默认设置为英语并创建一个名为

es

的目录以包含我所有的西班牙语页面。目录可能是这样的：

 -- pages
 ---- index.vue
 ---- somepage.vue
 ---- es
 -------- index.vue
 -------- somepage.vue

英文默认页面是

xx.com

和

xx.com/somepage

，而西班牙文主页是

xx.com/es

和

xx.com/es/somepage

。如何添加下拉菜单让用户切换语言？你能帮我弄清楚吗？我在谷歌上搜索了很多，但几乎所有的解决方案都是关于使用 i18n 的。或者 i18n 可以处理这种情况吗？提前谢谢你。

Answer 1

Answer 2

Nuxt 有一个官方模块：Nuxt i18n

它可以为你处理文件路径！像这样的东西：