Vue ssr报错: ReferenceError: window is not defined

window对象是属于浏览器的全局对象，在node环境跟后端是没有这个对象的。但是，ssr项目中很多第三方依赖都使用到这个window对象，怎么解决？解决方式：在main.js中，判断当前的环境是否是客户端，在客户端内再使用第三方依赖就能解决：ReferenceError: window is not defined 错误了例子：swiper...

夜偷吻者梦

5457人浏览 · 2019-11-29 15:53:29

夜偷吻者梦 · 2019-11-29 15:53:29 发布

window对象是属于浏览器的全局对象，在node环境跟后端是没有这个对象的。但是，ssr项目中很多第三方依赖都使用到这个window对象，怎么解决？
解决方式：在main.js中，判断当前的环境是否是客户端，在客户端内再使用第三方依赖就能解决：
ReferenceError: window is not defined 错误了
例子：swiper
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^