Wenn ich nuxt2 verwende, benötige ich /index als Teil der URL

Question

Aufgabenanforderungspfad-Rendering xxx.com/index/news, xxx.com/index/User Für diesen Effekt habe ich den Dateibaum auf Folgendes eingestellt:

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

Aber ich kann nicht erfolgreich zu anderen Seiten außer dem Stammverzeichnis springen.

Was muss ich tun, damit der Pfad der Webseite den gewünschten Effekt anzeigt?

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数组中。