Quiero enrutar páginas dependiendo de la URL entrante. Tengo 2 páginas diferentes que funcionan como una babosa. Necesito crear mi url como en las muestras. ¿Hay alguna forma de verificar los parámetros de URL y enrutarlos a la página de slug correcta dentro de extendRoutes o en algún otro lugar que no afecte la velocidad de carga de la página?
page --_category --subcategory sample url http://192.168.52.215:3000/news. :category slug http://192.168.52.215:3000/local-news. :subcategory slug extendRoutes(routes, resolve) { { name: 'category', path: '/:category', component: resolve('pages/_category.vue'), }, { name: 'category', path: '/:subcategory', component: resolve('pages/subcategory.vue'), }, );Por ejemplo, si mi parámetro incluye noticias, debería ir a _category slug; de lo contrario, debería ir a subcategory slug.
puedes cambiar el nombre de rutas como esta
extendRoutes(routes, resolve) { { name: 'category', path: '/:category', component: resolve('pages/_category.vue'), }, { name: 'subcategory', path: '/:subcategory', component: resolve('pages/subcategory.vue'), } );Y cuando intentes navegar haz esto:
// Navigate to Category Slug this.$router.push({ name: 'category': params: { category: 'news' } }); // Navigate to Subcategory Slug this.$router.push({ name: 'subcategory': params: { subcategory: 'local-news' } });