ダイナミックページはExpress（NodeJs）の静的ファイルをサポートしていません

Question

こんにちは私はノードapplication.Iで静的ファイルを設定しています.Ext.Itを使って静的ファイルを設定しました。通常のrouting.All CSSとjsファイルは正常に動作します。このよう

router.get('/product/:id',function(req,res,next){ 
    Product 
    .findById({_id:req.params.id},function(err,product){ 
     if (err) return next(err); 
     res.render('main/product',{ 
     product:product 
     }); 

    }); 
}); 

としてルートの製品ページが正常に動作しますが、それは正確な結果を表示するが、それは私が公共folder.Whenに定義する任意のCSSやJSファイルをキャッチしていない私は、CSSのURLを提出開こうhttp://localhost:3000/product/css/jumbotron.css です代わりにそのURLは

http://localhost:3000/css/jumbotron.css 

どこが間違っていますか？

Answer 1

ウェブページのCSSリソースのURLは、明らかに相対URLです。 Webページからのパスを使用しないように、先頭に/の先頭に追加してください。あなたのHTMLページ内

"/css/jumbotron.ss" 

：これまで

変更この

"css/jumbotron.ss" 

。

先頭に/がないと、URLは「ページ相対」になります。つまり、ブラウザはページURLからCSS URLにパスを追加してからサーバーに要求します。あなたはそれを望んでいません。 CSS参照の先頭に/を追加すると、ブラウザはページのパスを無視するように指示します。