1. 程式人生 > >nuxt開發中踩過的坑

nuxt開發中踩過的坑

新開的專案需要相容IE,並且還需要SEO。在JQ和SSR二者中,選擇了嘗試一下新技術。(真的作死)

下面是個人在這半個月使用nuxt框架遇到的一些問題,記錄一下:

1,首先一個是關於nuxt.config.js的配置問題,在plugins引入一些第三方外掛的時候,如果不需要SSR,可以在後面選擇ssr:false進行關閉。這樣可以避免一些window未定義的問題。

2,接著是window or document undefined的問題,這個問題在官方文件有貼出解決方案:

起初我以為external_library是什麼解決window在伺服器端未定義的外掛,結果別人告訴我是我需要判斷的依賴包,官網只是舉個例子。(尬住)自己還傻乎乎的找了半天,所以這裡簡單的說明一下。同理,其他window未定義的問題也可以參考這個方法。

3,配置使用proxy代理,下面是個人簡陋的配置:

4,然後是關於開發環境和生產環境的配置:

5,關於asyncData的使用,具體使用官方文件有詳細說明,這裡只提醒一點,asyncData僅使用與頁面元件。也就是說pages下的元件才會生效。

最後關於nuxt.config.js的配置檔案,很多使用文件也沒有具體說明過多,所以貼一位大佬使用nuxt搭建的個人博克,對於很多和我一樣剛接觸nuxt的同學,應該會有幫助。

目前就這些,後續會更新,歡迎各位大佬補充和指出錯誤。