在 nuxt.js 中使用 i18n 和多语言文件答案

【问题标题】：using i18n with multi language files in nuxt.js在 nuxt.js 中使用 i18n 和多语言文件
【发布时间】：2021-09-28 09:52:24
【问题描述】：

我将 nuxt/i18n 用于需要每种文件夹语言中的多个文件的大型项目。

例如，我们在index.js 中导入了about.js。

我想访问和使用索引中导入的 about 文件，或者访问所有导入文件所在的其他文件。

这里是index.js：

import about from './about.js'

export default {
  data(){
    return about;
  },
  home: 'خانه',
  posts: 'پست ها',
  about: 'درباره ما',
  paragraph: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چ ,
  homepage: {
    title: 'عنوان تستی',
    subtitle: 'توضیحات'
  }
}

这里是about.js:

export default {
   aboutUsTitle: "متن تستی درباره ما"
}

【问题讨论】：

嗨！我不确定你的问题是什么？只是您的导入不起作用还是...？
@JoelPeltonen 感谢您编辑我的问题。我真的很欣赏它
@JoelPeltonen 请检查我的回答并告诉我您认为它确实对我有用
@JoelPeltonen，请问您如何更改编辑中的文件名
我只编辑了格式，而不是文件名i.stack.imgur.com/f1lZm.png 我作为答案 - 对不起，但我真的不知道 :)

标签： javascript vue.js i18next react-i18next vue-i18n

【解决方案1】：

对于和我有同样问题的人。你可以通过这种方式导入任何你想要的语言文件夹和文件。

 modules: [
    // Doc: https://github.com/nuxt-community/axios-module#usage 
    [
      'nuxt-i18n',
      {
        strategy: 'prefix_except_default',
        defaultLocale: 'en',
        langDir: 'languages/',
        lazy: true,
        locales: [
          { code: 'fa', iso: 'fa-IR', name: 'fa', file: 'fa/index.js', dir:'rtl'          },
          { code: 'en', iso: 'en-US', name: 'en', file: 'en/index.js', dir:'ltr' }
        ]
      }
    ]
  ],

在这里您添加了一个语言文件夹，其中包含您想要在您的网站中使用的所有语言（但您可以看到它是您的索引文件）那么你必须定义应该在你index.js中声明的文件像下面的例子：

import about from './about.js'
import homepage from './homepage.js'

export default {
about,
homepage
}

这就是全部。我希望它对你们中的一些人有所帮助。我也会在我的 github 上分享代码源，请查看。 https://github.com/rozhansh43/lang-folder

【讨论】：