Vue/Nuxt/Nuxt API/context 上下文

Question

context 上下文对象

context 提供了一些额外的参数和对象

并且该对象仅在 asyncData 、 fetch 、 plugins 、 middleware 、 nuxtServerInit 生命周期中使用

通用的 keys

下面这些 key 在客户端和服务端都可用

app

包含所有插件的 Vue 根实例 。

store

Vuex.Store 实例。只有设置了 vuex 时才可用（在 src/store 目录下，创建 store 文件)

route

Vue Router 路由实例

params

route.params 的别名

query

route.query 的别名

env

nuxt.config.js 中配置的环境变量

export default {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
    // ...
  }
}

isDev

是否是开发 dev 模式，这对于在生产环境中缓存一些数据非常有用。

isHMR

是否是通过模块热替换 webpack hot module replacement (仅在客户端以 dev 模式)

redirect

redirect ([ status，] path [ ，query ]).

路由重定向，状态码在服务器端使用，默认为 302。

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

注意