Netlify tiene esta función genial, la reescritura, que me permite crear una cantidad de páginas duplicadas. Pero hay un problema.
Netlify tiene esta gran característica que me permite crear una cantidad de páginas duplicadas, agregándolas al _redirects
archivo en la raíz pública del proyecto ( public/_redirects
en Hugo, por ejemplo).
Lo uso para impulsar algunos de mis sitios web.
Si tengo un montón de páginas bajo content/original
, escribiendo:
/copy/* /original/:splat 200
Puedo llamar a la URL
/copy
y cuando accedo https://mysite.com/copy
tengo el contenido almacenado dentro https://mysite.com/original
, y la URL no cambia. No es una redirección (a pesar del _redirects
nombre del archivo), es una reescritura porque usé el 200
código al final. Si hubiera usado 301, eso hubiera sido una redirección 301.
De todos modos, el problema con el que me topé es este: no hay manera de agregar automáticamente la barra diagonal final, por lo que si accede a /copy
y /copy/
, y usa URL relativas para imágenes y enlaces, sin la barra diagonal final, las URL generarán un error 404 y las imágenes se romperán. Blog sopper tappers
Busqué una solución en mi generador de sitios estáticos, para ver si podía replicar las redirecciones de otra manera, pero al final mi solución fue del lado del cliente.
Y muy sencillo.
Agregué este fragmento de JavaScript en la parte inferior de mis páginas:
script(function() { if (!location.href.endsWith('/')) { window.location = location.href + '/' }}())/script
Y la página ahora, si no tiene una barra diagonal final, se recargará inmediatamente con la barra diagonal agregada al final.
El proceso es tan rápido que es casi invisible para el usuario.
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Cómo arreglé la barra diagonal final en las reescrituras de Netlify
Netlify tiene esta función genial, la reescritura, que me permite crear una cantidad de páginas duplicadas. Pero hay un problema.
programar
es
https://aprendeprogramando.es/static/images/programar-como-arregle-la-barra-diagonal-final-en-las-reescrituras-de-netlify-2221-0.jpg
2024-11-04
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente