0
137
VistasTengo un error css 404 con mi sitio web pero el css existe
tengo una pregunta con express
servidor.js
const express = require('express') const app = express() const port = 8080 app.use(express.static('public')) app.use('/css', express.static(__dirname + 'public/css')) app.use('/js', express.static(__dirname + 'public/js')) app.use('/img', express.static(__dirname + 'public/img')) app.set('views', './views') app.set('view engine', 'ejs') app.get('/signin', (req, res) => { res.render('signin') }) app.listen(port, () => { console.log('server is listening to port: 8080') }) app.use(function(req, res, next) { res.status(404); // respond with html page if (req.accepts('html')) { res.end('404 - Not Found'); return; } // respond with json if (req.accepts('json')) { res.json({ error: 'Not found' }); return; } });Estructura de archivos
public css signin.css img js views signin.ejs server.jssignin.ejs
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="../public/css/signin.css"> </head> <body> <h1>works</h1> </body> </html>iniciar sesión.css
body{ color: yellow; } y el error es
http://localhost:8080/public/css/signin.css [HTTP/1.1 404 Not Found 4ms]¿Alguien me puede ayudar? cual es el error
1 Respuestas
Responde la pregunta0
Puedo identificar dos problemas.
Primero, el código simplemente concatena __dirname + 'public/css' . El __dirname no incluye una barra inclinada al final, por lo que si su ruta es /home/foo , obtendrá una ruta como /home/foopublic/css . Utilice path.join() en su lugar.
En segundo lugar, el HTML parece referirse al archivo CSS en relación con la ubicación del HTML en su disco. Como ya existe un controlador para la ruta /css set que entrega archivos del directorio css en su disco, la ruta correcta sería /css/signin.css en lugar de ../public/css/signin.css .
Entonces, en el lado de node.js:
const path = require('path') app.use('/css', express.static(path.join(__dirname, 'public/css'))) app.use('/js', express.static(path.join(__dirname, 'public/js'))) app.use('/img', express.static(path.join(__dirname, 'public/img'))) Aunque en realidad ni siquiera los necesita, ya que app.use(express.static('public')) ya sirve los archivos y directorios del directorio public .
Y el HTML:
<link rel="stylesheet" href="/css/signin.css">