ssr 學習總結

2022-09-02 04:45:10 字數 1176 閱讀 6719

自己構建ssr

前提:了解  koa, koa-router, koa-static, webpack

檔案結構

ssr  中的router store 都是  乙個工廠函式   

在伺服器端渲染(ssr)期間,我們本質上是在渲染我們應用程式的"快照",所以如果應用程式依賴於一些非同步資料,那麼在開始渲染過程之前,需要先預取和解析好這些資料。

在渲染前,要預先獲取所有需要的非同步資料,然後存到vuexstore中。

在後端渲染時,通過vuex將獲取到的資料注入到相應元件中。

store中的資料設定到window.__initial_state__屬性中。

在瀏覽器環境中,通過vuexwindow.__initial_state__裡面的資料注入到相應元件中。

構建bundle json**

SSR分子標記

參考 ssr標記 分子標記開發與篩選之ssr ssr 分子標記開發策略及評價 ssr分子標記在牡丹親緣關係研究中的應用與研究進展 ssr sequence repeats 標記是近年來發展起來的一種以特異引物pcr為基礎的分子標記技術,也稱為微衛星dna microsatellitedna 是一類由...

前端SSR 方案調研

動態渲染的seo 方案 目前來說 有兩種方案 1.vue meta info prerender spa plugin 2.nuxt 優缺點來說 第一種方案可行,對 改造比較小,配置量小 缺點是,如果是動態的頁面,比如文章詳情頁 問答頁面這類內容動態的,不適合用此方案,而且,比較重要的是對於seo並...

前端SSR方案調研

動態渲染的seo 方案 目前來說 有兩種方案 1.vue meta info prerender spa plugin 2.nuxt 優缺點來說 第一種方案可行,對 改造比較小,配置量小 缺點是,如果是動態的頁面,比如文章詳情頁 問答頁面這類內容動態的,不適合用此方案,而且,比較重要的是對於seo並...