vue服务端渲染ssr 报错 window is not definded解决

多数是因为服务端渲染  页面是又后台路径跳转过来的  此时页面还没有渲染出来 所以window对象还没有诞生

但是你的用的各种第三方js文件 有很多都使用了window 

所以我们通过vue的生命周期函数去判断window对象   其实此时加不加载并不影响

添加判断即可

 

//  引入需要window的外置js
if (typeof window !== 'undefined') {
  // require('tinymce/skins')
}

 

只不过你要确定在哪里加   

 

我的vue+egg项目 利用服务端渲染  所以我放在了app.js里 

重点！！！！1

上面的判断是引入外部js文件   此时就不能用import了  因为 import 要求自己要在最外层

所以此时我们只能使用require了  上面是引用tinymce富文本编辑器 

 

这个方法找了好久  虽然都懂报错的原因 不过解决起来 真是头大  搞定就好  哈哈

如果你觉得我帮到你了，买个肥宅快乐水，怎么样？哈哈哈哈哈哈