服务器端渲染 (SSR) 是在服务器上生成 HTML 的过程,也是 SvelteKit 默认执行的操作。它对于性能和弹性非常重要,并且对搜索引擎优化 (SEO) 非常有益——虽然某些搜索引擎可以索引通过 JavaScript 在浏览器中渲染的内容,但这种情况发生的频率和可靠性较低。
也就是说,某些组件无法在服务器上渲染,可能是因为它们期望能够立即访问诸如window
之类的浏览器全局变量。如果可以,应更改这些组件以使其能够在服务器上渲染,但如果无法更改,则可以禁用 SSR
src/routes/+page.server
export const ssr = false;
在根
+layout.server.js
中将ssr
设置为false
实际上会将整个应用程序转换为单页应用程序 (SPA)。
1
2
<h1>{window.innerWidth}x{window.innerHeight}</h1>