使用nuxt2時，我需要將/index作為URL的一部分

Question

任務請求路徑渲染 xxx.com/index/news，xxx.com/index/User 這個效果，我將檔案樹設為：

pages/
--| index/
-----| News/
-------| index.vue
-----| User/
-------| index.vue
--| index.vue

但是我無法成功跳到根目錄以外的其他頁面。

我需要做什麼來讓網頁的路徑顯示所期望的效果？

Answer 1

主頁（位於根路徑）可以安全地命名為index.vue，沒有其他方法可以將頁面綁定到/路徑。

但問題確實是你不能同時擁有同名的頁面和資料夾。它們會重疊。

解決方法可以是使用nuxt.config.js中的自訂路由將根路徑/對應到你的主頁：

router: {
  extendRoutes (routes, resolve) {
     routes.push(
        {
          name: 'index_home',
          path: '/',
          component: resolve(__dirname, 'pages/home.vue')
        },
     )
  }
},

請參考nuxt.config.js / router文件

#注意：你也可以從這裡刪除自動建立的/home路由，它將在routes陣列中。