nuxt之vuex中使用nuxtServerInit方法


官網介紹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在客戶端呈現的變量,具體了解請看官網

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM