Nuxt.js 首次加载判断:如何识别SSR和CSR
在 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'。
可以根据这个判断来执行不同的业务逻辑,例如只在客户端渲染时执行某些操作。
原文地址: https://www.cveoy.top/t/topic/lZPv 著作权归作者所有。请勿转载和采集!