安裝 然後會出來一些詢問，其中最重要的是： 要選擇SSR選項 目錄結構 assets：放置一些需要經過webpack打包處理的一些資原始檔，一些圖片、字型等等 components：vue公共元件，注意放到conponents裡的元件不會支援服務端的鉤子也就asyncData layouts：佈局頁面 middleware：放置一些中介軟體 pages：裡面放置一些nuxt裡面一些希望經過路由跳轉的頁面 plugin：主要存放一些外掛 server：服務端配置，主要是node服務端的程式碼，如果我們有自己的後端，那麼就可以不配置這個server，如果沒有，我們可以在這個資料夾下配置自己的服務端搭建 static：主要存入一些不希望webpack處理的檔案，比如公司內部的庫等等 store：vuex的配置 nuxt.config.js：nuxt個性化配置，以便覆蓋預設的配置 啟動 npm run dev 會同時啟動客戶端和服務端 打包 npm run build 打包結果會放在當前專案下的nuxt資料夾下 執行打包後的結果 npm run start nuxt生命週期 紅色部分跑在了服務端 黃色是vue的兩個鉤子,既跑在瀏覽器端也跑在客戶端 綠色部分就是vue剩下的那些鉤子，只跑在客戶端，另外服務端不存在元件快取，也就沒有啟用失活那兩個鉤子 nuxtServerInit執行在服務端的鉤子 store下面index.js中 middleware中介軟體 可以抓取到服務端的上下文資訊 第一種：在nuxt.config.js中配置： 在middleware中建立中介軟體: 第二種：定義在佈局層頁面 layouts資料夾下 可以引入外面定義的中介軟體 也可以直接定義在頁面中 第三種：頁面級別pages檔案裡 中介軟體會執行在頁面例項載入之前 執行時機： 觸發順序就是先觸發全域性級別然後是佈局級別最後執行頁面級別 陌生人，願你永不迷失自己，心中永遠有夢去追逐。 ---隨筆簽名寫於2020.1.3 00:28:00 博主VX：stf569318425