1. ホーム
  2. css

node、express、ejsを使ってcssファイルをインクルードするにはどうしたらいいですか?

2023-10-27 04:03:03

質問

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

app.jsより

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

私の.ejsでは、次の2つの行を試してみました。

<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

どのように解決するのですか?

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" />