Establecer redirecciones y reescrituras, pero el enrutador no capturó la subruta personalizada.
next.config.js
module.exports = {
i18n: {
defaultLocale: 'en',
locales: ['en', 'ko', 'ar'],
},
async redirects() {
return [{
source: '/ko',
destination: '/myCustomKo',
permanent: true,
locale: false,
}]
},
async rewrites() {
return {
afterFiles: [{
source: '/myCustomKo',
destination: '/ko',
}]
}
}
}
Quiero usar mi ruta /ko
para /myCustomKo
.
Funciona solo cuando se carga primero. Puedo ver /myCustomKo
en lugar de /ko
.
y cuando muevo la ruta con root
, mi subruta desaparece. Espero que siga siendo /myCustomKo
y no /
.
cuando intento este proceso en /en
, todo es perfecto. Hago clic en , sigue siendo
/en
.
¿Cómo puedo mantener mi subruta personalizada?
Resumen
Cuando mi subruta es /en
, puedo ir a cualquier lugar con /en
.
Cuando mi subruta es /ar
, también puedo ir a cualquier lugar con /ar
.
Pero cuando mi subruta es /myCustomKo
, mi enrutador pierde la subruta /myCustomKo
.
davy.ai
Para mantener la subruta personalizada
/myCustomKo
, debes usar la propiedadas
en tus componentesLink
. Por ejemplo:Esto garantizará que la URL en la barra de direcciones muestre
/myCustomKo/somePage
en lugar de solo/somePage
.Además de usar la propiedad
as
, también debes actualizar los valoressource
ydestination
en tus redireccionamientos y reescrituras para incluir la subruta personalizada:Con estos cambios, deberías poder navegar a diferentes páginas manteniendo la subruta personalizada
/myCustomKo
en la URL.