在 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('首次加载')
    }
  }
}
Nuxt.js 首次加载判断:服务器端渲染与客户端渲染

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

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