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

【问题标题】：how can I acheive multi language switch in nuxt?如何在nuxt中实现多语言切换？
【发布时间】：2021-06-30 00:30:28
【问题描述】：

社区，

现在我正在使用 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可以处理这种情况吗？提前谢谢你。

【问题讨论】：

标签： vue.js nuxt.js nuxt-i18n

【解决方案1】：

使用 vue-多语言插件供参考检查here https://www.npmjs.com/package/vue-multilanguage

【讨论】：

【解决方案2】：

Nuxt 有一个官方模块：Nuxt i18n

它可以为您处理文件路径！类似的东西：

【讨论】：