最近在做的项目都需要做SSR优化搜索引擎索引和用户体验.如果只需要优化SEO那就直接挂个白屏屏蔽掉没加载完但是有内容的丑陋网页就行了, 搜索引擎能够抓取数据, 用户以为还在加载.但是如果需要优化用户体验, 那就需要下一些功夫了.这篇教程基于没有使用任何SSR框架(比如nuxt/vite-ssr), 纯手搓的SSR服务端, 其他框架请自行迁移学习, 难度应该不大, 实在不行我们可以改源码(x).0. 简单的SSR服务端核心逻辑如下:import { renderToString } from "@vue/server-render"; const initApp = ...

\#0 序作为一个极其喜欢折腾的人,自然就写过不少的指南.在这个博客里就有不少的指南与教程,相信很多人都已经看过了,或者在其他的地方读到过我的指南.很容易就能发现,我所写的教程多多少少都有一些共同特点:以复数第一人称自称,或者避免提到自己.使用字体样式表现语气.引导式的行文顺序.在过程中包含试错的过程.这使得我的文章有时极其容易辨认.为什么我喜欢这样做呢?\#1 因复数第一人称/避免自称不为什么,只是单纯觉得在教程中以"我"自称会很尴尬,所以要拉上你一起尴尬,或者谁都不尴尬...吗?使用单数第一人称会给人一种命令的感觉,这是作为一篇教程所不需要的.所以我会在指代自己时尽量使用复数第一人称...