@服務端渲染 / 博客 RSS 訂閱

Feb 24 2023

imwty - Nuxt3實戰系列之配置管理

Nuxt提供了一個運行時配置API，在你的應用程序和服務器路由中暴露配置，並能在運行時通過設置環境變量進行更新。 定義運行時配置 為了將配置和環境變量暴露給應用程序，你需要在nuxt.config文件中使用runtimeConfig選項定義運行時配置。 export default defineNuxtConfig({ runtimeConfig: { // 只在服務端可以訪問的配置項

vue.js , nuxt.js , 服務端渲染 , vue3 , ssr

收藏 評論

Feb 14 2023

imwty - Nuxt3實戰系列之網絡請求篇

Nuxt3提供了4種方式使得我們可以異步獲取數據 useAsyncData useLazyAsyncData （useAsyncData+lazy:true） useFetch useLazyFetch （useFetch+lazy:true） 4種方式中，其實核心的就是useAsyncData和useFetch。這兩個方法不同於Nuxt2中的asyncData和fetch。接下來我們

vue.js , 服務端渲染 , nuxtjs3 , vue3 , ssr

收藏 評論

Apr 02 2023

烏柏木 - Server-side rendering for any React app on any FaaS provider

By this document, I'd like to introduce a general method to set up server-side rendering(SSR) for any React app on any FaaS provider. A "React app" is a web app with its client side (or frontend) buil

node.js , 服務端渲染 , netlify , 前端 , Javascript

收藏 評論

Jan 28 2021

前端向後 - 魚和熊掌兼得：Next.js 混合渲染

寫在前面 React 生態中，SSR 支持做得最好的可能是 Next.js，但 SSR 並不是Next.js的全部，只是其提供的預渲染支持之一： SSG（Static Site Generation/Static Generation）：靜態生成，在編譯時生成靜態 HTML SSR（Server-Side Rendering）：服務端渲染，用户請求到來時動態生成 HTML 通過各種方式在

服務端渲染 , 前端框架 , ssr , 前端

收藏 評論

Feb 27 2023

京東雲開發者 - vue的兩種服務器端渲染方案

本文參與了SegmentFault 思否寫作挑戰賽，歡迎正在閲讀的你也加入。 作者：京東零售 姜欣 關於服務器端渲染方案，之前只接觸了基於react的Next.js，最近業務開發vue用的比較多，所以調研了一下vue的服務器端渲染方案。 首先：長文預警，下文包括了兩種方案的實踐，沒有耐心的小夥伴可以直接跳到方案標題下，down代碼體驗一下。 前置知識： 1、什麼是服務器端渲染（ssr）？ 簡單來説

服務端 , vue.js , 服務端渲染 , challenge , ssr

收藏 評論

Aug 27 2022

LH_S - Vue3+Vite3 SSR基本搭建

Vue3+Vite3 SSR基本搭建 首先説明如果是生產使用強烈推薦Nuxt，但是如果想深入服務端渲染的運行原理，可以看本篇，會根據渲染流程搭建一個demo版ssr，源碼在最後會貼上 主要技術棧：Vite3 + Vue3 + pinia + VueRouter4 + express 開始搭建之前，先説一下SSR渲染流程 SSR渲染流程 首先瀏覽器向服務器請求，然後服務器根據請求的路由

vue.js , 服務端渲染

收藏 評論

Dec 01 2020

前端向後 - 4圖看懂React SSR中的hydrate

React CSR：水車模型 當初在理解 React CSR 時做過一個比喻，把單向數據流比作瀑布模型： 瀑布模型：由props（水管）和state（水源）把組件組織起來，組件間數據流向類似於瀑布。數據流向總是從祖先到子孫（從根到葉子），不會逆流 （摘自深入 React） 單組件的微觀視角下，我們把props理解為水管（數據通道），接收外部傳遞進來的數據（水），每一份state都是一處水源（

react , 服務端渲染 , ssr

收藏 評論

Jun 15 2021

LanLan_Guo - node.js+Puppeteer（無頭瀏覽器） 實現服務端批量生成PDF 文件

應用場景： 客户在創建前後端分離的應用時，前端只用於做一些基本的數據展示，如果涉及大量的數據或報表生成，建議放在服務器端展示，本文主要分享如何在服務器端使用ActiveReportsJS 實現報表導出PDF功能 Demo下載： https://gcdn.grapecity.com.cn/forum.php?mod=attachmentaid=MTIzMjQwfGMwM2JkNWVhfDE2M

puppeteer , node.js , 服務端渲染 , pdf.js

收藏 評論

Nov 05 2025

EsunR - 解決基於 Webpack 構建的 Vue 服務端渲染項目首屏渲染樣式閃爍的問題

前言 當我們使用 Webpack 搭建一個基於 Vue 的服務端渲染項目時，通常會遇到一個很麻煩的問題，即我們無法提前獲取到當前頁面所需的資源，從而不能提前加載當前頁面所需的 CSS，導致客户端在獲取到服務端渲染的 HTML 時，得到的只有 HTML 文本而沒有 CSS 樣式，之後需要等待一會兒才能將 CSS 加載出來，也就是會遇到『樣式閃爍』這樣的問題。 如果你想要完整 SSR 實踐，可以參考：

服務端渲染 , webpack , Css , ssr , 前端

收藏 評論

Jan 19 2021

前端向後 - 從 Next.js 看企業級框架的 SSR 支持

一.Next.js 簡介 The React Framework for Production 面向生產使用的 React 框架（廢話）。提供了好些開箱即用的特性，支持靜態渲染/服務端渲染混用、支持 TypeScript、支持打包優化、支持按路由預加載等等： Next.js gives you the best developer experience with all the features

服務端渲染 , 前端框架 , ssr , Javascript

收藏 評論