Cómo arreglé la barra diagonal final en las reescrituras de Netlify

 

 

 

Como arregle la barra diagonal final en las reescrituras de netlify 1

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 _redirectsarchivo en la raíz pública del proyecto ( public/_redirectsen 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/copytengo el contenido almacenado dentro https://mysite.com/original, y la URL no cambia. No es una redirección (a pesar del _redirectsnombre del archivo), es una reescritura porque usé el 200có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 /copyy /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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. 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

 

Como arregle la barra diagonal final en las reescrituras de netlify 1
Como arregle la barra diagonal final en las reescrituras de netlify 1

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

 

 

Update cookies preferences