2016-05-31 7 views
-1

これはMacで動作します。Node.jsのインデックスページがCSSまたはjavascriptファイルを読み取らない

すべてのファイルはライブラリ/ WebServer/Documents/にあります。

私はノードindex.jsを実行すると、コード:私はhtmlファイルを開いた場合

<link rel="stylesheet" href="css/style.css" /> returns: { 

    Failed to load resource: the server responded with a status of 404 (Not Found) 

} 

は、しかし、それはすべてを読み込みます。

背後にある醜いバグは何ですか?

+0

のルート監督コードの部分を指すグローバル変数であるため、そのよう__dirnameを保つ:リンクREL =「スタイルシート」HREF = "CSS/style.cssに" –

+1

' index.js'ファイルの中にコードを提供できますか?それ以外には助けがたい。 –

答えて

2

これらのリソースは、使用する前に含める必要があります。あなたがイメージ/のJS/CSSのような静的なコンテンツを持つことになり、フォルダをpublic'is app.use(express.static(__dirname + '/public'));

」:

あなたはとしてそれを行うことができます。あなたはこのような私が推薦するCSSファイルや、あなたのHTML

で参照他のものとして、これは、ノードがそのフォルダ内のすべてのファイルを提供できるようになりますapp.use(express.static(path.join(__dirname, 'Documents'))); を使用することができますhttp://expressjs.com/en/starter/static-files.html

+0

これはどうやって学ぶのですか?良いチュートリアルはありますか? –

+0

私はhttp://www.tutorialspoint.com/からノードの基本を学びました。またエクスプレスjs公式サイト –

0

:より多くの情報をご覧ください

上記のミドルウェアに渡すことができるパブリックフォルダにすべてのもの(HTML、CSS、JS)を置くこと。上記の関数で

、それはアプリケーション

+0

からどうやってこれを学びますか?良いチュートリアルはありますか? –

関連する問題