在 Nuxt.js 中检测服务器端渲染

Posted

技术标签:

【中文标题】在 Nuxt.js 中检测服务器端渲染【英文标题】:Detecting Server Side Rendering in Nuxt.js 【发布时间】:2020-09-07 20:59:10 【问题描述】:

我有一个使用服务器端渲染的 Nuxt.js 应用程序。但是,在我的一个页面中,我需要检测它是否是用于切换其中一个组件的 s-s-r。创建iss-s-r 标志的可能方法有哪些?

【问题讨论】:

@stomwerk 您可以将 ISO 放在外部 USB 或 Live USB 上。我刚刚从我用来制作驱动器的 Live/Persistent USB 中复制了 boot 和 EFI 文件夹。从 Live USB 启动时,它们位于文件系统/cdrom/ 中。 【参考方案1】:

只使用

process.server

Vue 在进程全局变量上公开了两个属性。 serverclient,其中一个根据渲染端设置为true。

【讨论】:

以上是关于在 Nuxt.js 中检测服务器端渲染的主要内容,如果未能解决你的问题,请参考以下文章

nuxt之服务端渲染

[第7期] 基于 Nuxt 的 Vue.js 服务端渲染实践

Nuxt.js 服务器端渲染:启动服务器后数据未更新

利用Nuxt.js创建服务端渲染的Vue.js应用程序

基于Vue.js服务器端渲染框架Nuxt.js(初识)

打包微服务前后端分离项目并部署到服务器 --- 分布式 Spring Cloud + 页面渲染 Nuxt.js