任務請求路徑渲染 xxx.com/index/news,xxx.com/index/User 這個效果,我將檔案樹設為:
pages/ --| index/ -----| News/ -------| index.vue -----| User/ -------| index.vue --| index.vue
但是我無法成功跳到根目錄以外的其他頁面。
我需要做什麼來讓網頁的路徑顯示所期望的效果?
主頁(位於根路徑)可以安全地命名為index.vue,沒有其他方法可以將頁面綁定到/路徑。
index.vue
/
但問題確實是你不能同時擁有同名的頁面和資料夾。它們會重疊。
解決方法可以是使用nuxt.config.js中的自訂路由將根路徑/對應到你的主頁:
nuxt.config.js
router: { extendRoutes (routes, resolve) { routes.push( { name: 'index_home', path: '/', component: resolve(__dirname, 'pages/home.vue') }, ) } },
請參考nuxt.config.js / router文件
nuxt.config.js / router
#注意:你也可以從這裡刪除自動建立的/home路由,它將在routes陣列中。
/home
routes
主頁(位於根路徑)可以安全地命名為
index.vue
,沒有其他方法可以將頁面綁定到/
路徑。但問題確實是你不能同時擁有同名的頁面和資料夾。它們會重疊。
解決方法可以是使用
nuxt.config.js
中的自訂路由將根路徑/
對應到你的主頁:請參考
nuxt.config.js / router
文件#注意:你也可以從這裡刪除自動建立的
/home
路由,它將在routes
陣列中。