无法为HTML / Node.js服务器加载CSS文件

Question

I am making a url shortener called "Shrimp".我正在制作一个称为“虾”的网址缩短器。 Currently, here is my Node.JS:当前，这是我的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:而我的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!很简单，但是CSS没有加载！ Can anybody help?有人可以帮忙吗？

Answer 1

I am making a url shortener called "Shrimp".我正在制作一个称为“虾”的网址缩短器。 Currently, here is my Node.JS:当前，这是我的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:而我的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!很简单，但是CSS没有加载！ Can anybody help?有人可以帮忙吗？

无法为HTML / Node.js服务器加载CSS文件

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-11-23 18:36:42

无法为HTML / Node.js服务器加载CSS文件

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-11-23 18:36:42

解决方案1
0 已采纳 2020-11-23 18:36:42