ノード/エクスプレスが要求に応じて静的ファイルを送信します

Question

私はnode/expressには本当に新しく、静的ファイルの送信方法を理解しようとしています。私はインデックスファイルを提供することができましたが、GETリクエストの応答として他のファイルを提供することはできません。

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

app.get('/', (req, res) => { 
    res.sendFile(path.resolve(__dirname, '.', 'client/build/', 'index.html')) 
    res.end() 
}) 

app.get('/portfolio', (req, res) => { 
    const person = req.query.name 
    var filePath = __dirname + '/client/build/' + person + '/' + 'index.html' 
    res.sendFile(filePath) 
    res.end() 
}) 

私は同様の質問を見つけましたが、何も動作していません。

私が送る要求がある：

fetch(`portfolio?name=${who}`) 

Answer 1

あなたのコードを持ついくつかの問題があります。そのうちの1つは、ファイルの送信が完了する前にリクエストを終了し、res.sendFileメソッドを正しく使用していないという別の問題です。

はこのような何かを試してみてください。

app.get('/', (req, res) => { 
    const fileDirectory = path.resolve(__dirname, '.', 'client/build/'); 

    res.sendFile('index.html', {root: fileDirectory}, (err) => { 
    res.end(); 

    if (err) throw(err); 
    }); 
}) 

app.get('/portfolio', (req, res) => { 
    const person = req.query.name 
    const fileDirectory = __dirname + '/client/build/' + person + '/'; 

    res.sendFile('index.html', {root: fileDirectory}, (err) => { 
    res.end(); 

    if (err) throw(err); 
    }); 
}) 

私はあなたが1を得るが、それは、少なくともあなたがこの仕事を得ることができる方法のアイデアを与える必要があるたびにエラーを投げることはお勧めしません。

Answer 2

私は最終的に、サーバー上で、これを使用して、それを解決：

app.use(express.static(path.join(__dirname, 'client/build/person1'))) 
app.use(express.static(path.join(__dirname, 'client/build/person2'))) 

と、このようなビューでそれを呼び出す：

<a href='/person1'></a> 
<a href='/person2'></a> 

それはそうと、express.staticはその上のパスを解決します独自のものであるため、静的ファイルを処理するためにリクエストを自分で処理する必要はありません。

これは良い解決策ではない場合はお気軽に