Nuxt 页面渲染前获取浏览器语言

可以使用 Nuxt 的插件机制，在插件中获取浏览器语言，然后将其存储到 Vuex 或者 Nuxt 的 context 中，在页面渲染前通过 asyncData 或者 fetch 方法获取语言信息进行页面渲染。

以下是获取浏览器语言的示例代码：

export default ({ app, store }) => {
  const locale = navigator.language || navigator.userLanguage
  store.commit('SET_LOCALE', locale)
}

其中，navigator.language 获取的是浏览器的语言设置，navigator.userLanguage 获取的是操作系统的语言设置。可以根据具体情况来选择使用哪一个。将获取到的语言信息通过 store.commit 方法存储到 Vuex 中，以便在页面中使用。

在页面中可以通过以下方式获取语言信息：

export default {
  asyncData({ store }) {
    const locale = store.state.locale
    // 根据语言信息获取数据并返回
  }
}

在 asyncData 方法中，可以通过 store.state 获取到存储在 Vuex 中的语言信息，然后根据语言信息获取相应的数据并返回，Nuxt 会将返回的数据注入到页面的 props 中，供页面渲染使用。