Uso una página para mostrar detalles de categorías y subcategorías. No uso router.js para anularlo y quiero usar páginas dinámicas nuxt para resolver este problema.
url: "/news/afghanistan-81291" url:"/gallery/technology/apple-revenue-81260" url:"/world/economy/turkey-economy-81260"mi url localhost debería verse como (nombre de página/categoría/:¿subcategoría?)
http://localhost:3000/detail/news/afghanistan-81291 http://localhost:3000/detail/gallery/technology/apple-revenue-81265 http://localhost:3000/detail/world/economy/turkey-economy-81240en .nuxt enrutador js
{ path: "/detail", name: "detail", children: [{ path: "category/:subcategory", name: "detail-category-subcategory" }, ... }esto no parece una buena práctica y necesito la mejor práctica.
Podrías usar este tipo de estructura dentro de tus páginas
- detail -- - news -- -- - _slug.vue -- -- gallery -- -- -- _tech -- -- -- -- _slug.vue -- -- world -- -- -- _category -- -- -- -- _slug.vueNo necesitará salir de sus páginas y podría manejar todo dentro de un solo lugar (y cerca de su código).
Más contexto de la documentación disponible aquí .
Aquí hay otra respuesta sobre cómo mantener las cosas flexibles mientras permanece en sus componentes .vue .
extendroutes resolvió este problema
extendRoutes(routes, resolve) { routes.push({ name: 'detailed-category', path: '/detail/:categoryType/:subCategoryType?/:title', component: resolve('pages/detail.vue'), }); },