Estoy tratando de incluir un ícono como parte de mi sitio web, actualmente mi código se ve así:
aplicación.js
const http = require('http'); const fs = require('fs'); const express = require('express') const path = require('path') const hostname = '127.0.0.1'; const port = 3000; const html_file = "./index.html"; var app = express() app.use(express.static(path.join(__dirname, 'public'))); //app.use(express.static('public')); console.log(path.join(__dirname, 'public')); fs.readFile(html_file, function (err, html) { if (err) { throw err; } const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/html'); res.write(html); res.end(); }).listen(port); console.log(`Listening on http://${hostname}:${port}`) });Mientras que mi archivo html se ve así:
<!DOCTYPE html> <html> <head> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <body> <p>test text</p> </body> </html>Sin embargo, el icono nunca se carga correctamente. Puedo ver que la solicitud regresa en la pestaña de inspección de la red y no hay errores de nodejs en la consola, pero no importa qué falle.
Intenté cambiar entre agregar y no incluir /public/ en la línea de enlace también, así como también mover el archivo HTML a la carpeta pública.
¿Algunas ideas?
Está iniciando un servidor HTTP estándar que solo sirve su archivo index.html y nada más.
Sugeriría mover index.html a la carpeta public y usar app.listen() para iniciar su aplicación Express en su lugar.
const express = require("express"); const path = require("path"); const app = express(); const port = 3000; app.use(express.static(path.join(__dirname, "public"))); app.listen(port, () => { console.log(`Listening on port ${port}`); });Recomiendo encarecidamente trabajar con la guía Express Getting Started .
También debe usar una ruta absoluta a su ícono en el HTML
<link rel="icon" type="image/x-icon" href="/favicon.ico">