[Nuxt] 關於Routes的注意事項

陳漢庭
Oct 28, 2020

--

Nuxt 有個很方便的地方在於只要開資料夾跟檔案,Nuxt便會自動產生相對應的routes。目前需求如下:

我想要一個關於實體書店的routes,以及三個關於網路書店的routes。資料夾命名如上圖右方所示。

遇到的問題

我將全站、大分類、中分類頁面分別標上「全站」、「第一層」、「第二層」,以便看渲染結果。目前遇到問題在於,不管它的route如何給,頁面渲染的皆為全站的頁面,這個結果並不是我預期的

目前的解法為將online.vue改名成index.vue,並且將原本online.vue的檔案放在online資料夾裡面,就會得到預期的結果了。

當開了_l1.vue、_l2.vue不動他們,全部的邏輯寫在online.vue。_l1.vue、_l2.vue就只是為了產生route的這種寫法,在online.vue、_l1.vue、_l2.vue頁面相似的狀況下好像還不錯。

--

--

陳漢庭
陳漢庭

Written by 陳漢庭

由於零散的紀錄過了一段時間之後就看不懂了,於是為了強迫自己用故事的方式記錄學到的東西,就開啟我的發文之路。

No responses yet