Si ingreso algo como "http://127.0.0.1/ab" o "http://127.0.0.1/ab/cd", la página web se muestra correctamente. Pero si uso una tercera barra como "http://127.0.0.1/ab/cd/ef", la página resultante no se muestra correctamente. La estructura de archivos de mi proyecto es:
PROJECT |__node_modules |___static | |__fav0.png | |__layout_static.css |___views | |__error404.pug | |__home.pug | |__layout.pug |___app.js |___package-lock.json |___package.jsonEl archivo app.js es:
const express = require("express"); const app = express(); const port = 80; // Middleware app.use('/static', express.static('static')); app.set('view engine', 'pug'); // ENDPOINTS app.get("/", (req, res) => { res.status(200).render('home', {title: 'test | home'}); }); app.get("/home", (req, res) => { res.status(200).render('home', {title: 'test | home'}); }); app.get("*", (req, res) => { res.status(200).render('error404', {title: '404'}); }); // Listen app.listen(port, () => { console.log(`listening at http://127.0.0.1:${port}`); });diseño.pug:
html head title= title link(rel="stylesheet", href="../static/layout_static.css") link(rel="shortcut icon", href="../static/fav0.png", type="image/x-icon") block style body header nav h2#web_name TEST WEBSITE ul#navbar li a(href="/home").nav_link Home li a(href="#").nav_link Course li a(href="#").nav_link About li a(href="#").nav_link Contact block main_bodycasa.pug:
extend layout.pug block main_body p This is text for homeerror404.pug:
extend layout.pug block main_body h3 ERROR 404 : Page not FoundProporcione amablemente una solución para que la página web de error404 se muestre correctamente sin importar cuántas barras inclinadas use.
Está utilizando rutas relativas en su diseño:
link(rel="stylesheet", href="../static/layout_static.css") link(rel="shortcut icon", href="../static/fav0.png", type="image/x-icon") Lo que significa que solo funcionará en páginas cuya URL sea correcta en relación con ../static .
En su lugar, utilice rutas absolutas:
link(rel="stylesheet", href="/static/layout_static.css") link(rel="shortcut icon", href="/static/fav0.png", type="image/x-icon")