表达静态文件无法正常工作

时间:2019-02-16 21:52:12

标签: javascript html node.js express

我正在做一个简单的节点项目来练习,但是我无法用CSS样式来提供html文件。

我相信以前使用相同的代码对我来说效果很好,但现在我不明白为什么它无法运行。 我搜索了一下,并复制了一些替换目录名称的代码,但它没有任何改变。 这是我的代码。 我还尝试使用路径模块来加入文件名和目录名。

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

app.get('/', (req, res)=>{
res.send("Welcome to our website");
});
app.get("/signup", (req, res)=>{
res.sendFile(__dirname + "/index.html");
});

//My directory:

 testapp1
    --node_modules
    --public
      --styles.css
    --index.html
    --app.js
    --package.json
    --package-lock.json

在开发者控制台的“网络”标签中,它表示:    状态:已取消    类型:样式表    启动器:index.html    大小:0B    时间:29毫秒    瀑布:“没事”

1 个答案:

答案 0 :(得分:0)

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', function (req, res, next) {
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
});

尝试尝试。