Nuxt.js 页面渲染前获取浏览器语言 - 使用 nuxt-i18n 插件

可以使用 Nuxt.js 提供的 nuxt-i18n 插件来获取浏览器语言。

首先，在 nuxt.config.js 文件中配置 nuxt-i18n 插件，指定支持的语言和默认语言：

modules: [
  ['nuxt-i18n', {
    locales: [
      {
        code: 'en',
        name: 'English',
        iso: 'en-US'
      },
      {
        code: 'zh',
        name: '中文',
        iso: 'zh-CN'
      }
    ],
    defaultLocale: 'en',
    vueI18n: {
      fallbackLocale: 'en',
      messages: {
        en: {
          welcome: 'Welcome'
        },
        zh: {
          welcome: '欢迎'
        }
      }
    }
  }]
]

接下来，在页面组件中可以通过 $root.$i18n.locale 获取当前语言：

export default {
  created() {
    console.log(this.$root.$i18n.locale) // 输出当前语言
  }
}