1. 程式人生 > >vue服務端渲染ssr 報錯 window is not definded解決

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富文字編輯器 


這個方法找了好久  雖然都懂報錯的原因 不過解決起來 真是頭大  搞定就好  哈哈