Q&A
今まで投稿されてる質問、全て未解決のままなのでしょうか？もしも、解決済のものがあればベストアンサーを決めて質問を閉じるのが好ましいと思います。
お世話になります。
今、Nodeのexpress.staticを使用して
cssファイルを読み込みたいと考えています。
しかし、htmlファイルからcssファイルを読み込めません。
パスの指定方法がおかしいのでしょうか？
ｺｰﾄﾞは以下になります。
わかる方いましたらご教示お願いします。
node
1 2var express = require('express'); 3var app = express(); 4 5app.get('/', function (req, res) { 6 res.sendFile(__dirname + '/index.html'); }); 7app.use('/test.css',express.static(__dirname + '/Views')); 8app.listen(8124);
<html> <head> <meta http-equiv="content-type" content="text/html charset=UTF-8"> <link rel="stylesheet" type="text/css" href="./Views/test.css"> <title>css テスト</title> </head> <body> <div class="test"> <p>CSS_Test</p> </div> </body> </html>
回答1件
0
ベストアンサー
app.use('/static', express.static(path.join(__dirname, 'public')))
publicディレクトリの中にcssディレクトリがあって、その中にcssファイルがある場合で、そのファイルを以下のようなurlでアクセスできるようにしたい場合
http://localhost:3000/static/css/test.css
<link rel="stylesheet" type="text/css" href="./static/css/test.css">
動作未確認ですが、これでいけませんか？
ちなみに質問文に掲載されてるコードですが、その場合、app.use()はapp.get()よりも先に持って来た方が良いですね。
ミドルウェアを先にapp.use()で読ませてから、app.get()の方でクライアントに最終的なレスポンス返す処理をさせたいはずなので。
投稿2018/04/03 00:44
編集2018/04/03 00:54総合スコア2415
あなたの回答
tips
プレビュー
