如何确认SSR渲染的HTML

Question

在Nuxt 3中，可以通过以下代码确认服务端渲染是否完成，但是渲染完成后是否可以获取到生成的HTML呢？我想在客户端渲染发生之前检查状态。

const app = useNuxtApp();
app.hook('app:rendered', () => {
  console.log('app:rendered');
});

我查看了下一页，但找不到我要找的内容。如果有人知道方法，请告诉我，我将不胜感激。

https://nuxt.com/docs/api/composables/use-nuxt-app

https://nuxt.com/docs/api/advanced/hooks

Answer 1

app:beforeMount 就是您要寻找的。它在客户端工作，并且是所有事情之前客户端的第一部分。

“app:mounted”是指所有内容都准备好发送到浏览器。

const app = useNuxtApp();
app.hook('app:beforeMount', () => {
  console.log('app:rendered');
});