节点JS配置

Ani*_*mal 12 html node.js express twitter-bootstrap

我正在尝试配置我的节点js来运行我的html代码.我正在使用bootstrap和Express Js.当我运行节点js时它没有加载css.Can任何人都可以帮助我什么可能是问题.这是节点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");
Run Code Online (Sandbox Code Playgroud)

当我直接加载HTML文件时,它正确加载CSS,但当我使用节点js加载它失败.这可能是问题的原因?

sea*_*ges 6

检查您的目录结构是否正确,以及您是否已授予Node.js输入目录和读取文件的正确权限.

如果您的目录结构如下所示:

/public
    /stylesheets
        home.css
home.html
server.js
Run Code Online (Sandbox Code Playgroud)

你的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"); 
});
Run Code Online (Sandbox Code Playgroud)

当你运行这个:

node ./server.js
Run Code Online (Sandbox Code Playgroud)

并在浏览器中访问此网址:

HTTP://本地主机:3000 /样式表/ home.css

您将获得home.css文件返回.