上下文

语境提供从Nuxt到Vue组件的其他对象/参数,可在特殊的NUXT生命周期区域提供Asyncdata.拿来插件中间件nuxtserverinit.

注意:“我们在此引用的上下文”并不与之混淆语境可用的对象Vuex动作。这两个是不相关的。

功能语境{//通用键const{应用程序店铺路线参数询问env.ISDev.Ishmr.重定向错误$ config.}=语境// 服务器端如果过程服务器{const{res.Beforenuxtrender.}=语境}// 客户端如果过程客户{const{nuxtstate.}=语境}}

通用钥匙

这些密钥可在客户端和服务器端上提供。

应用程序

应用程序nuxtappoptions.

包含所有插件的根vue实例选项。例如,使用时I18N.,你可以访问$ i18n.通过context.app.i18n.

店铺

店铺Vuex商店

Vuex Store实例。仅在Vuex商店是一定的

路线

路线Vue Router Route.

VUE路由器路由实例。

参数

参数目的

别名Route.Params.

询问

询问目的

别名route.query.

env.

env.目的

环境变量设置nuxt.config.js., 看ENV API.

ISDev.

ISDev.布尔基

布尔表示您是否处于DEV模式,可用于缓存生产中的某些数据。

Ishmr.

Ishmr.布尔基

Boolean如果从WebPack热模块替换中调用方法/中间件,请通知您仅在DEV模式下的客户端)。

重定向

重定向功能

使用此方法将用户重定向到另一个路由,状态代码在服务器端使用,默认为302.重定向([状态,]路径[,查询])

万博体育app彩票平台票例子:

重定向302.'/登录'重定向{名称“slug”参数{slmyslug.}}重定向'https://vuejs.org'

看看Vue Router Docs.更多信息属性。

不可能使用重定向或者错误客户端Nuxt插件由于水化错误(客户端内容与服务器的期望不同)。

有效的解决方法将使用window.onnuxtready(()=> {window。$ nuxt。$ router.push('/您的路线')})

错误

错误功能

使用此方法显示错误页面:错误(params)。这参数应该有属性statuscode.信息

$ config.

$ config.目的

实际上运行时配置

服务器端键

这些密钥仅在服务器端可用。

http.request.

来自Node.js服务器的请求。如果nuxt用作中间件,则根据您正在使用的框架,请求对象可能不同。
不可用nuxt生成

res.

res.http.response.

node.js服务器的响应。如果nuxt用作中间件,则根据您使用的框架,RES对象可能不同。
不可用nuxt生成

Beforenuxtrender.

Beforenuxtrender(FN)功能

使用此方法更新__nuxt__在客户端呈现的变量,FN.(可以是异步的)被调用{Components,Nuxtstate}, 看例子

客户端键

这些密钥仅在客户端可用。

Vue Router Route.

路线从中导航。

nuxtstate.

nuxtstate.(目的)

nuxt状态,适用于使用的插件Beforenuxtrender.在保湿之前在客户端获取Nuxt状态。只提供in.普遍的模式