代码之家 › 专栏 › 技术社区 › LongHike

在Vue.js中,如何检测created()hook中的代码是否在浏览器中运行?[复制品]

vue.js javascript

LongHike · 技术社区 · 6 年前

这个问题已经有了答案:

我有一个VueSSR应用程序,对于一些组件,我需要知道它们是在服务器端渲染期间在节点上运行,还是在浏览器上运行。

我在webpack配置中设置了进程env

process.env.VUE_ENV === 'server'

哪个有效。但是由于各种原因,我需要一个独立于构建环境的检测。

我想检查created()钩子中的浏览器/节点。

我该怎么做?

1 回复 | 直到 6 年前

Husam Ibrahim 6 年前

我从vue.js源代码中选择了以下行(逐字)。

const inBrowser = typeof window !== 'undefined';

您可以使用它来验证代码是否在浏览器中运行。

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前