Apabila menggunakan nuxt2 saya perlukan /index sebagai sebahagian daripada URL

Question

Laluan permintaan tugasan memaparkan xxx.com/index/news, xxx.com/index/User Untuk kesan ini, saya menetapkan pepohon fail kepada: pages/--|index/-----|News/---. --- -|index.vue-----|Pengguna/-------|index.vue--|index.vue Tetapi saya tidak boleh berjaya melompat ke halaman lain kecuali direktori akar. Apakah yang perlu saya lakukan untuk menjadikan laluan ke halaman web memaparkan kesan yang diingini?

P粉486138196 · Answer

Laman utama (terletak di laluan akar) boleh dinamakan dengan selamat index.vue，没有其他方法可以将页面绑定到/path.

Tetapi masalahnya ialah Anda tidak boleh mempunyai halaman dan folder dengan nama yang sama pada masa yang sama. Mereka akan bertindih.

Penyelesaian boleh menggunakan nuxt.config.js中的自定义路由将根路径/peta ke halaman utama anda:

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

Lihat nuxt.config.js / routerDokumentasi

Nota: Anda juga boleh memadamkan /home路由，它将在routesarray yang dibuat secara automatik dari sini.