官網介紹nuxtServerInit方法
https://zh.nuxtjs.org/guide/vuex-store/#nuxtserverinit-%E6%96%B9%E6%B3%95
vuex中模塊化使用示例
掛載vuex中state模塊及nuxtServerInit方法, store-->index.js
context上下文對象:
屬性 | 類型 | 可用 | 描述 |
---|---|---|---|
app | vue根實例 | 客戶端 & 服務端 | 包含所有插件的根實例。例如:想使用axios,可以通過context.app.$axios獲取 |
isClient | Boolean | 客戶端 & 服務端 | 是否來自客戶端渲染,廢棄,請使用process.client |
isServer | Boolean | 客戶端 & 服務端 | 是否來自服務端渲染,廢棄,請使用process.server |
isStatic | Boolean | 客戶端 & 服務端 | 是否通過nuxt generate |
isDev | Boolean | 客戶端 & 服務端 | 是否開發模式,在生產壞境的數據緩存中用到 |
isHMR | Boolean | 客戶端 & 服務端 | 是否通過模塊熱替換,僅在客戶端以dev模式 |
route | 路由 | 客戶端 & 服務端 | 路由實例 |
store | vuex數據 | 客戶端 & 服務端 | Vuex.sttore實例 |
env | l Object | 客戶端 & 服務端 | nuxt.config.js中的環境變量 |
params | Object | 客戶端 & 服務端 | route.params的別名 |
query | Object | 客戶端 & 服務端 | route.query的別名 |
req | http.Request | 服務端 | Node.js API的Request對象。如果nuxt以中間件形式使用的話,這個對象就根據你所使用的框架(個人理解為頁面)而定。nuxt generate 不可用 |
res | http.Reponse | 服務端 | Node.js API的Reponse對象。如果nuxt以中間件形式使用的話,這個對象就根據你所使用的框架(個人理解為頁面)而定。nuxt generate 不可用 |
redirect | Function | 服務端 | 用於重定向另一個路由,狀態碼在服務端被使用,默認302 redirect([status,]path[,query]) |
error | Function | 客戶端 & 服務端 | 前往錯誤頁面,error(parmas),params包含statusCode和message字段 |
nuxtState | Object | 客戶端 | nuxt狀態 |
beforeNuxtRender(fn) | Function | 服務端 | 更新NUXT在客戶端呈現的變量,具體了解請看官網 |