在 Nuxt.js 中,可以通过判断当前页面路由是否为服务器端渲染(SSR)来判断是否为首次加载。

在页面组件中,可以使用 'this.$nuxt.isServer' 来判断当前页面是否为 SSR。

例如,可以在 'created' 钩子中根据 'this.$nuxt.isServer' 的值来执行不同的逻辑:

created() {
  if (this.$nuxt.isServer) {
    console.log('Server-side rendering')
  } else {
    console.log('Client-side rendering')
  }
}

如果当前页面是服务器端渲染,就会输出 'Server-side rendering';如果是客户端渲染,就会输出 'Client-side rendering'。

可以根据这个判断来执行不同的业务逻辑,例如只在客户端渲染时执行某些操作。

Nuxt.js 首次加载判断:如何识别SSR和CSR

原文地址: https://www.cveoy.top/t/topic/lZPv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录