Express - 静的ファイルを処理できません（404エラー）

Question

私はこれらのような多くの質問に出くわしましたが、私は間違ったことをしているようには見えません。問題は、静的なファイルを読み込むことができないことです。

フォルダ構造：

/client 
    index.html 
    /assets 
     /css 
      main.css 
/server 
    app.js 

app.js：まだ

var assetsPath = path.join(__dirname, '../client/assets'); 
app.use(express.static('assetsPath')); 

app.get('/', function (req, res) { 
    res.sendFile(path.join(__dirname, '../client/' + 'index.html')); 
}); 

app.listen(PORT, function() { 
    console.log('\nListening on port 8080!'); 
}); 

index.htmlを

<link rel="stylesheet" href="/css/main.css"> 

番目のロードeページをブラウザーで取得しましたhttp://localhost:8080/css/main.css

紛失しているものがありますか？

ありがとうございました！

PS：^ 4.13.4 &ノードv5.10.1

Answer 1

使用して急行あなたはあなたのexpress.static（）関数の中でタイプミスを得ました。

var assetsPath = path.join(__dirname, '../client/assets'); 
app.use(express.static('assetsPath')); 

var assetsPath = path.join(__dirname, '../client/assets'); 
app.use(express.static(assetsPath)); 

Answer 2

express.staticあなたが行以下に簡略化することができるように、静的ファイルへのパスを受け入れるようになります。

app.use(express.static(path.join(__dirname, '../client/assets')));