如何在 nuxt js 中设置默认翻译 i18n？答案

【问题标题】：How can I set default translate i18n in nuxt js?如何在 nuxt js 中设置默认翻译 i18n？
【发布时间】：2020-10-23 16:03:42
【问题描述】：

我在nuxt.config.js 中设置了默认的it ，如下所示：

但如果我访问本地主机，它会重定向到：http://localhost:3000/en 是否应该重定向到http://localhost:3000/

我该如何解决这个问题？

【问题讨论】：

您已经使用了语言功能 (nuxt-i18n)，这就是路径略有不同的原因。默认情况下它处于英语模式。如果您不想使用它，则必须删除语言功能。然后你会得到网址localhost:3000
@Md Mahamudul Hasan 我需要语言功能。因为我的网站支持 2 种语言。我已经解决了这个问题。我添加detectBrowserLanguage: false，它可以工作
没错，你是对的
我很好奇@SuccessMan，你为什么要禁用detectBrowserLanguage 功能？如果有人用英语配置了浏览器，为什么要将他重定向到意大利语？
@bmartins 因为我希望我的项目中的默认语言是意大利语。我设置了defaultLocale: 'it'，但它不起作用。所以我设置detectBrowserLanguage: false来解决我的问题

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

【解决方案1】：

您应该像这样使用 detectBrowserLanguage：

例如默认区域设置为 FR

[
  'nuxt-i18n',
  {
    locales: ['fr', 'en'],
    defaultLocale: 'fr',
    detectBrowserLanguage: false,
    vueI18n: {
      fallbackLocale: 'en',
      messages: {
        fr: {
          index:'home'
        },
        en: {
          index:'Index'
        }
      }
    }
  }
],

【讨论】：