SSR模式nuxt服務器如何提前渲染數據

1、客戶端渲染

vue代碼:在這裏插入圖片描述
界面:在這裏插入圖片描述
顯示:在這裏插入圖片描述

說明
因爲服務端SSR並沒有this,所以這沒辦法在服務端渲染的,而是在客戶端渲染。可以在調試界面看出下發到客戶端是沒有相關數據的,那麼如何做到在服務端渲染
先看看這張圖
在這裏插入圖片描述
Render是下發到客戶端的,是可以再服務端執行async Data獲取數據的,fetch是應對的是vuex的。
怎麼改寫達到服務端渲染下發呢?
在這裏插入圖片描述
調試界面可以看到下放的模板帶有數據了的
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章