html – 节点JS配置

发布时间：2020-12-14 18:32:43 所属栏目：资源来源：网络整理

导读：我正在尝试配置我的节点js来运行我的html代码.我正在使用bootstrap和Express Js.当我运行节点js时它没有加载css.任何人都可以帮我解决可能是什么问题.这是节点js代码片段. var express = require("express");var app = express();var path = require("path")

我正在尝试配置我的节点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文件返回.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!