Lorsque j'utilise nuxt2, j'ai besoin de /index dans l'URL

Question

Rendu du chemin de la demande de tâche xxx.com/index/news, xxx.com/index/User Pour cet effet, j'ai défini l'arborescence des fichiers sur :

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

Mais je ne parviens pas à accéder à d'autres pages, à l'exception du répertoire racine.

Que dois-je faire pour que le chemin de la page Web affiche l'effet souhaité ?

Answer 1

La page d'accueil (située dans le chemin racine) peut être nommée en toute sécurité index.vue，没有其他方法可以将页面绑定到/path.

Mais le problème est que Vous ne pouvez pas avoir une page et un dossier portant le même nom en même temps. Ils se chevaucheront.

La solution peut être d'utiliser nuxt.config.js中的自定义路由将根路径/map vers votre page d'accueil :

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

Voir nuxt.config.js / routerDocumentation

Remarque : Vous pouvez également supprimer le /home路由，它将在routestableau créé automatiquement à partir d'ici.