node、express、ejs を使用して CSS ファイルを含めるにはどうすればよいでしょうか? 質問する

node、express、ejs を使用して CSS ファイルを含めるにはどうすればよいでしょうか? 質問する

私は指示に従おうとしていますhttps://stackoverflow.com/a/18633827/2063561しかし、まだstyles.cssを読み込むことができません。

app.jsから

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

私の.ejsでは、これらの行の両方を試しました

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

どちらも CSS をロードしません。開発者コンソールにアクセスしたところ、タイプが「text/css」ではなく「text/html」に設定されていることに気付きました。

私の道はこんな感じ

.
./app.js
./public
    /css
        /style.css

ベストアンサー1

server.jsファイルでこれを使用します

app.use(express.static(__dirname + '/public'));

そしてCSSを次のように追加します

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

CSSの前に/は必要ありません

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

おすすめ記事