Nuxt 项目如何配置 nuxt-i18n

nuxt-i18n 是 Nuxt 对 Vue I18n 的集成，与 Vue I18n 在 Vue CLI 创建的项目的配置方法上有所不同，相关资料也比较少。

配置步骤

yarn add nuxt-i18n 下载 nuxt-i18n；
在根目录下创建 locales 文件夹，里面包含所需的国际化 json 文件，如：en.json、zh.json；
在 nuxt.config.js 中的 modules 内添加 ‘nuxt-i18n’，并新增 i18n 配置（此处设置默认语言为中文）。
使用如 <nuxt-link :to="switchLocalePath('en')">EN</nuxt-link> 的代码切换至英文页面。
使用如 <nuxt-link :to="localePath('/')">{{ $t('nav_index') }}</nuxt-link> 的代码将根据当前语言跳转到相应语言的页面。