我在使用 NODE.JS 和 Liveserver 时在我的网站上看不到我的 CSS 属性

Question

我是Node.js的新手，所以我有问题，无法解决。问题是，当我尝试用node.js发送index.html时，我无法在我的网站上看到我的css属性。我会与我的目录和代码共享，这样你就可以找到问题所在。我应该告诉大家，当我尝试右键点击我的html，然后点击打开实时服务器时，我可以正确地看到我的CSS，但当我尝试用node.js调用时，我看不到它们。

CSS文件的HTTP状态是200，所以那里一切都很好，但我仍然看不到我的CSS

// I send my index.html as a Homepage here
app.use('/', (req, res, next) => {
res.sendFile(path.join(__dirname,'./','views','index.html'));
});

//Here my <link tag in index.html 
<link rel="stylesheet" type="text/css" href="/dist/css/style.css"/>

你可以在这里看到我的目录

Answer 1

您需要将dist/目录设为公共目录，以便浏览器可以从中读取文件。

尝试添加此行

app.use(express.static('dist'));

建议在路线开始前将其放置。