Hola chicos, estoy usando el complemento anterior para crear un mapa del sitio para el sitio web de Gatsby y eliminar las barras inclinadas de todas las direcciones URL, pero cuando reviso el mapa del sitio, está colocando una barra inclinada en la página de inicio, solo aquí está el código.
serialize: ({ path }) => { let domain = process.env.url || 'https://example.com'; domain = domain.charAt(domain.length - 1) === '/' ? domain.slice(1) : domain; let pathStr = path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path; let url = domain + pathStr; console.log(url); return { url, changefreq: 'daily', priority: 0.7 }; }url se muestra en la consola, y no hay barras inclinadas al final, pero en el mapa del sitio sí.
Con la versión 4.7 de Gatsby , hay una opción integrada para personalizar el comportamiento de las barras inclinadas en su aplicación. Actualmente está en versión beta, pero debería solucionar su problema.
Opción
trailingSlashactualmente en versión beta públicaA través del manejo integrado de RFC de barras inclinadas en Gatsby , hemos trabajado para hacer que las barras inclinadas presenten un ciudadano de primera clase en Gatsby. Nos complace anunciar que gatsby-config ahora admite una configuración de barra diagonal
trailingSlashcon estas tres opciones principales:
siempre: siempre agregue barras diagonales finales a cada URL, por ejemplo, /x a /x/.
nunca: elimine todas las barras diagonales finales en cada URL, por ejemplo, /x/ a /x.
ignorar: no modificar automáticamente la URL.
Simplemente puede personalizarlo usando:
module.exports = { trailingSlash: "never" }