イメージパスが404エラーを返します（見つかりません）

Question

入れ子になったディレクトリに保存したイメージにアクセスしようとしています。私はReactとJSXを使用しているので、イメージを保存するファイルへのパスは次のようになります：root/client/components/home/service.jsxイメージへのパスは、root/server/public/images/Mercedes-Benz-logo.pngのようになります。 imgタグのsrc属性で、私は次のパスを試してみました：

/server/public/images/Mercedes-Benz-logo.png 
../../../server/public/images/Mercedes-Benz-logo.png 
./../../../server/public/images/Mercedes-Benz-logo.png 

これらはすべて404のエラーで応答します。なぜこれが起こっているのかについての助けや説明は感謝します。あなたが私のソースコードを見たいのであれば、click here私のGithubレポを見てください。まだプルリクエストをマージしていないので、個々のコミットをクリックする必要があります。ありがとうございました。

Answer 1

app.use(express.static(__dirname + '/public/'))行のため、そのファイルから参照する必要があります。ここでは、ファイルが提供される場所をパブリックフォルダと見なすことができます。画像に移動するには、publicフォルダに関連するパスを使用してください→/images/Mercedes-Benz-logo.png