[筆記] Nuxt SSG Static Site Generation 動態路由產出方法與相關邏輯

Nuxt 使用 SSG ( nuxi generate ) 輸出頁面時,可搭配「動態頁面」生成的方式,來減少重複的程式碼撰寫也方便日後管理。這邊筆記下相關的設定和程式碼。

nuxt-js-logo


內容

Nuxt.config.ts

1. app.baseURL 用來決定 server 的佈署網址
2. generate.routes 傳入要輸出「動態頁面」的路徑字串陣列,如 [ “/clientA/demo”, “/clientB/demo”]

Sidebar

若你要根據路由清單來生成 N 層巢狀選單,那你需要自行寫一個遞迴方法來完成,詳情可見下方。


程式碼


參考資料

1. Routing Nuxt file-system routing creates a route for every file in the pages/ directory.

按讚加入粉絲團

延伸閱讀