這一章會大概介紹一下nuxt.config.js的一些設定與用法，並不一定完全詳細，主要會著重在自己有實際應用到的內容，那就開始吧。

mode

這裡會有兩個參數，分別為 spa 與 universal 主要差別在於是否有SSR(server-side rendering)，而這邊要注意一下是在**spa模式下是沒有SSR的**，而預設的universal才是有支援SSR的，雖然目前測試起來我還是感覺不太到兩者最大差異在哪，若之後有所發現在會補上

head

使用的是vue-meta所以使用方式，如官方文件一樣，而在這邊設定是設定所有頁面的default，若後續需要個別設定時也可以在各頁面中自行設定，這部分在後面的router章節會在補充說明。

transition、layoutTransition

頁面切換時的過渡動畫設定，可設定的參數與vue的transition標籤相同，這邊要注意下若頁面的切換過程中，若有更換到layout，並不會執行此設定，而是會使用layoutTransitio，至於何為layout後續會有更詳細的說明，這邊你可以當作是各頁面中外層的共用模板。

loading

nuxt他有預設的過渡動畫，但也可以透過此設定自行修改，可以直接修改使用自行開發的component，也可只是很單純的設定css來更換風格，若是用component你可以methods中宣告start()、finish()、fail()、increase(num)，可提供給其他的component使用

css

可在此設定全域使用的css file

plugins

可自行引入所需的JavaScript plugin，且可自行定義是否要只行 server-side render，最常見的是某些plugin會使用到 window 的功能，此類別的功能在server-side是無法執行的，所以此時就需要將 ssr 設定為 false

modules

可是設定額外再附加的module，較常使用的有@nuxtjs/axios，也可另外對此module做options設定

router

裡面的設定參數都很單純官方(https://nuxtjs.org/api/configuration-router)也說的蠻清楚的，不過這邊要特別提一下middlewar，這參數我們會在後續的文章中詳細介紹