使用nuxt2時,我需要將/index作為URL的一部分
P粉635509719
P粉635509719 2023-09-12 19:54:51
0
1
628

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

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

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

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

P粉635509719
P粉635509719

全部回覆(1)
P粉486138196

主頁(位於根路徑)可以安全地命名為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陣列中。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板