Node.js加載CSS

Question

我的文件夾：

server.js
index.html
-public
 --css
  --ses.scss
  --style.css

服務器js：

var express = require('express');
    var path = require('path');
    var publicPath = path.resolve(path.join(__dirname, 'public'));
    var app = express();
    var http = require('http').Server(app);
    var fs = require('fs');

    app.use(express.static(path.join(__dirname, 'public')));
    app.get('/', function (req, res) { 
        res.sendfile('./index.html');

    });
http.listen(3000, function () {
    console.log('listening on *:3000');
});

index.html的：

<link rel="stylesheet" type="text/css" href="/public/css/ses.scss">
<link rel="stylesheet" type="text/css" href="/public/css/style.css">

當我在沒有服務器的情況下使用google chrome打開index.html時，CSS可以工作。當我使用node.js時，CSS無法加載。

Answer 1

express.static()直接在根目錄上提供其文件夾的內容 。

因此， public/不是URL的一部分。

Answer 2

節點：

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

css：

<link rel="stylesheet" type="text/css" href="/css/ses.scss">
<link rel="stylesheet" type="text/css" href="/css/style.css">