Estoy creando un sitio web y usando un servidor express.js para capturar información enviada a través de un formulario. Antes de configurar el servidor, ya tenía el sitio construido, usando archivos js y css estáticos. Después de conectarme al servidor, pude hacer que el servidor renderizara la hoja de estilo html y css. Pero no mostrará el js de vainilla que ya había codificado. Solo quiero usar el servidor para el formulario y hacer que el javascript de vainilla todavía se muestre como antes de conectarme al servidor.
Tengo los archivos configurados como:
root index.html app.js public css styles.css javascript index.jsaplicación.js
const express = require("express"); const https = require("https"); const path = require('path') const app = express(); app.use(express.static(path.join(__dirname, '/public'))); app.use(express.urlencoded({ extended: false })); app.use(express.json()); app.get("/", function (req, res) { res.sendFile(__dirname + "/index.html"); });índice.html
<link rel="stylesheet" href="css/styles.css" /> <script src="javascript/index.js"></script>¿Qué estoy haciendo mal aquí? ¿Hay algo que deba codificar en mi archivo index.js para que se conecte al servidor? Gracias por adelantado.
app.js app.use(express.static(path.join(__dirname, "public"))); |__public/ |__ css/ |__ css files... |__ js/ |__ js files...3. Importar de esta manera
Ahora establece la ruta al directorio público, debe proporcionar la carpeta pública de ruta cuando importa
<link rel="stylesheet" href="/css/main.css" /> <script src="/js/main.js" crossorigin="anonymous"> </script>