无法访问上传文件夹中的图像 - express - multer - react

Question

我正在开发我的第一个 MERN 堆栈网络应用程序。我完成了开发并尝试在 VPS 中托管。一切正常。但是，我无法查看上传的图像。我与您分享有关项目结构的一些细节。

React 应用程序是为生产而构建的，并保存在 public 文件夹中。
创建上传文件夹，用于保存用户上传的图片，其位置存储在数据库中。（例如：/uploads/user1/img1.jpg）。使用 Multer 处理图片上传。

这是我的 Express 服务器的文件夹结构，它也提供静态文件。

 -MAIN_EXPRESS_APP_FOLDER
    ------Routes 
    ------Public
    ------Uploads
    ------package.json

要使 public 和上传静态化，在 Server.js 文件中添加以下代码：

app.use(express.static(path.join(__dirname,'/public')));
app.get('/*',(req,res)=>{
  res.sendfile(path.join(__dirname='public/index.html'));
})
app.use('/uploads', express.static('uploads'))

我可以访问我的网络应用程序，也可以在数据库中插入数据。图片上传按预期工作。但是，Express 不提供上传的图片。可能是什么问题？

Answer 1

至于静态内容，您将文件夹设置为 public 现在我认为您应该将上传文件夹移至 public 并尝试访问图片，希望它们能在您当前使用应用程序不允许服务器数据，否则 public 目录希望它能帮助你

无法访问上传文件夹中的图像 - express - multer - react

Not able to access images from upload folder - express - multer - react

node.js

express

reactjs

multer

mern