上下文

context 从 Nuxt 向 Vue 组件提供额外的对象/参数，可在 asyncData 、fetch 、plugins 、middleware 以及 nuxtServerInit 等特殊 Nuxt 生命周期中使用。

注意：请不要将这里的"上下文"与 Vuex 的 action 中可用的 context 对象混淆，两者毫无关联。

function (context) {
  // 通用键
  const {
    app,
    store,
    route,
    params,
    query,
    env,
    isDev,
    isHMR,
    redirect,
    error,
    $config
  } = context
  // 服务端
  if (process.server) {
    const { req, res, beforeNuxtRender } = context
  }
  // 客户端
  if (process.client) {
    const { from, nuxtState } = context
  }
}

通用键

这些键在客户端和服务端均可使用。

app

app (NuxtAppOptions)

包含所有插件的根 Vue 实例选项。例如使用 i18n 时，可通过 context.app.i18n 访问 $i18n。

store

store (Vuex Store )

Vuex Store 实例。仅在设置了 Vuex store 时可用。

route

route (Vue Router Route )

Vue Router 的路由实例。

params

params (Object)

route.params 的别名。

query

query (Object)

route.query 的别名。

env

env (Object)

在 nuxt.config.js 中设置的环境变量，参见 env API 。

isDev

isDev (Boolean)

表示是否处于开发模式的布尔值，可用于在生产环境中缓存部分数据。

isHMR

isHMR (Boolean)

表示方法/中间件是否从 webpack 热模块替换中调用的布尔值（仅在开发模式的客户端为 true）。

redirect

redirect (Function)

使用此方法将用户重定向到另一个路由。状态码在服务端使用，默认为 302。redirect([status,] path [, query])。

示例：

redirect(302, '/login')
redirect({ name: 'slug', params: { slug: mySlug } })
redirect('https://vuejs.org')

有关 Location 属性的详细信息，请参阅 Vue Router 文档。

由于水合错误（客户端内容与服务器返回内容不一致），不能在仅客户端的 Nuxt 插件中使用 redirect 或 error。有效的解决方法是使用 window.onNuxtReady(() => { window.$nuxt.$router.push('/your-route') })。