Tengo esta carpeta como estructura de mi sitio web.
-puntos de vista
-índice
-correo
-público
-css
-js
-imágenes
-app.js
Pero un enlace de publicación puede ser:
mywebsite.com/posts/a-link-example
Entonces, cuando uso un middleware estático expreso como este:
app.use(express.static(__dirname + '/public'));solo funciona en páginas sin un "subdirectorio" como
example.com/home example.com/contactpero no en
example.com/posts/post-namePuedo usar, por supuesto:
app.use('/posts, express.static(__dirname + '/public'));pero hay una mejor manera de hacerlo?
No use rutas relativas para apuntar a recursos estáticos (como scripts y hojas de estilo), use rutas absolutas:
<link rel="stylesheet" href="/css/style.css">Puede cambiar los enlaces de activos estáticos desde:
<link rel="stylesheet" href="./css/style.css">a:
<link rel="stylesheet" href="/css/style.css">