无法从上传文件夹访问图像-快速-multer-反应

时间:2019-01-31 04:56:35

标签: node.js reactjs express multer mern

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

  1. React应用是为生产而构建的,并保存在公用文件夹中。
  2. 创建上传文件夹,其中保留用户上传的图像并将其位置存储在DB中。 (例如:/uploads/user1/img1.jpg)。使用Multer处理图片上传。

这是我的Express服务器的文件夹结构,该服务器还可以处理静态文件。

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

要公开并上传静态文件,请在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'))

我可以访问我的Web应用程序,也可以在DB中插入数据。图像上传按预期方式工作。但是,Express不提供上传的图像。 可能是什么问题?

1 个答案:

答案 0 :(得分:1)

对于静态内容,您现在将文件夹设置为公共文件夹,我认为您应该将您的上载文件夹移到公共文件夹中,并尝试访问图像,希望它们将被提供。目录希望对您有帮助