html - Node JS 配置

Question

我正在尝试配置我的 Node js 以运行我的 html 代码。我也在使用 Bootstrap 和 Express Js。当我运行 Node js 时，它没有加载 css。谁能帮助我可能是什么问题。这是 Node js代码片段。

var express = require("express");
var app     = express();
var path    = require("path");
app.get('/',function(req,res) {
    res.sendFile(__dirname + '/home.html')
})
app.use(express.static(__dirname + '/public'))
app.listen(3000);

console.log("Running at Port 3000");

当我直接加载 HTML 文件时，它会正确加载 CSS，但是当我使用 node js 加载它时，它会失败。问题的原因可能是什么？

Answer 1

检查您的目录结构是否正确，并且您已授予 Node.js 进入目录和读取文件的正确权限。

如果你的目录结构是这样的:

/public
    /stylesheets
        home.css
home.html
server.js

您的 server.js 代码如下所示:

var express = require("express");
var app     = express();
var path    = require("path");
app.get('/',function(req,res) {
    res.sendFile(__dirname + '/home.html');
})
app.use(express.static(__dirname + '/public'));
app.listen('3000', function() { 
    console.log("Listening on port 3000"); 
});

当你运行这个时:

node ./server.js

并在浏览器中访问此 URL:

http://localhost:3000/stylesheets/home.css

您将返回 home.css 文件。