html – 节点JS配置

我正在尝试配置我的节点js来运行我的HTML代码.我正在使用bootstrap和Express Js.当我运行节点js时它没有加载css.任何人都可以帮我解决可能是什么问题.这是节点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,但当我使用节点js加载它失败.这可能是问题的原因?

解决方法

检查您的目录结构是否正确,以及您是否已授予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('/',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

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

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

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些