Nuxt.js 首次加载判断:服务器端渲染与客户端渲染
在 Nuxt.js 中,可以通过 'process.server' 和 'process.client' 来判断页面是否是在服务器端渲染或客户端渲染。
如果 'process.client' 为 'true',则说明当前页面是在客户端渲染,如果是首次加载,则可以在 'mounted' 中执行相应的操作。
如果 'process.server' 为 'true',则说明当前页面是在服务器端渲染,此时无法执行客户端相关的操作,可以在 'created' 或 'mounted' 中通过 'this.$nuxt.isServer' 来判断是否为服务器端渲染。
示例代码:
export default {
mounted() {
if (process.client && !this.$nuxt.isServer) {
// 在客户端,且非服务器端渲染时执行
console.log('首次加载')
}
}
}
原文地址: https://www.cveoy.top/t/topic/lZPo 著作权归作者所有。请勿转载和采集!