vue ssr 报错 ReferenceError: window is not defined

本文探讨了在使用Node服务端渲染(SSR)时遇到的问题,即由于Node环境中不存在window对象而导致的错误。文中提供了具体的解决方案,即将涉及window对象的操作放置到Vue组件的mounted生命周期钩子中执行。

这是因为首先使用node服务端进渲染的,而node端不存在window对象

解决办法如下 :


把需要执行系统对象的代码放到mounted生命周期里,待node服务端渲染完成之后则可以正常使用啦

注:既然采用服务端渲染了,尽可能避免使用系统对象元素啦


我们所有的数据不能放在vue中的mounted中获取,

因为这样和客户端渲染没什么区别,

vue暴漏的这个环境支持window也就是说这个位置其实是client端做的,

也就是在ssr所有功能实现之后在执行,这样我们和之前就没有任何区别了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值