您可以通过访问window.navigator.language来获取浏览器的语言,然后在nuxt中使用asyncData或插件来获取语言信息并设置默认语言。以下是一个示例插件:

export default ({ app }) => {
  app.i18n.setLocale(window.navigator.language || 'en')
}

在这个插件中,我们使用app.i18n.setLocale方法来设置默认语言。该方法需要一个语言代码作为参数,我们使用window.navigator.language获取浏览器语言,如果没有检测到浏览器语言,则默认使用英语('en')。

在您的nuxt应用程序中,您可以将此插件添加到plugins目录中,并在nuxt.config.js文件中配置:

module.exports = {
  plugins: [
    '~/plugins/i18n.js'
  ]
}

现在,每当您的nuxt应用程序启动时,它都会自动获取浏览器语言并将其设置为默认语言。您可以在asyncData中使用app.i18n.locale来获取当前语言。例如:

export default {
  asyncData({ app }) {
    console.log(app.i18n.locale) // 输出当前语言代码
  }
}
Nuxt.js 中获取浏览器语言并设置默认语言

原文地址: https://www.cveoy.top/t/topic/lYY9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录