CSS File not loading for HTML/Node.js server
Question
I am making a url shortener called "Shrimp". Currently, here is my Node.JS:
const express = require('express'); const app = express(); app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html') }); app.listen(3000, () => { console.log('server started'); });
And my HTML:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="/style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Shrimp</title> </head> <body> <h1>Shrimp</h1> <p>URL Shortener</p> <br> <form action=""> <input type="text" id="url" placeholder="URL to shorten" required> <input type="text" id="key" placeholder="Key (Optional)"> <button type="submit">Submit</button> </form> </body> </html>
Pretty simple, but the CSS is not loading! Can anybody help?
1 answers
solution1
0 ACCPTED 2020-11-23 18:36:42
I am making a url shortener called "Shrimp". Currently, here is my Node.JS:
const express = require('express'); const app = express(); app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html') }); app.listen(3000, () => { console.log('server started'); });
And my HTML:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="/style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Shrimp</title> </head> <body> <h1>Shrimp</h1> <p>URL Shortener</p> <br> <form action=""> <input type="text" id="url" placeholder="URL to shorten" required> <input type="text" id="key" placeholder="Key (Optional)"> <button type="submit">Submit</button> </form> </body> </html>
Pretty simple, but the CSS is not loading! Can anybody help?
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
CSS and JS not loading on Node.js server
node.js server and .html file
Browser loading html in js file (node.js)
Node.js - Express - Static js file not loading in html
Saving and loading data in a node.js server and passing it to an html5 file
HTML form post to node.js file keeps loading
Node.js Express: loading JSON file only on server startup
Simple node.js server that sends html+css as response
Altering CSS in a dynamically generated HTML file in Node.js
Loading a custom CSS Handler for Node.JS
Related Tags