Astro：浏览器端还是服务器端？

Question

如何检测astro渲染是发生在浏览器还是服务器端？

在官方参考和故障排除指南中找不到任何信息。

我发现的唯一“建议”是使用“client:only”。

Answer 1

您可以使用

window

检查

globalThis

对象。如果存在

window

，则您位于客户端。

if (globalThis.window) {
    console.log('Hello client-side!')
}

if (!globalThis.window) {
    console.log('Hello server-side!')
}