在React生产版本中上传图像无法正常工作

Question

我正在用React构建一个管理门户，允许用户添加和编辑图像。我在运行npm run build之前上传的图像可以很好地显示在应用程序中，但是，新上传的图像却没有。我正在用multer存储图像

我尝试从src目录外部导入，但是出现错误。我知道我应该能够这样做，但是我有点谨慎，因为它是不可逆的

这是服务器的快速代码的一部分，是multer函数的一部分。我有两个变量，dir和publicDir我不确定是否应该使用publicDir

destination: function(req, file, cb){ 

    const dir = `src/images/shops`;
    const publicDir = 'build/static/media';
    cb(null, dir)
},

图像已安全地存储在src文件夹中，但似乎无法在此基础上构建产品

Answer 1

尝试类似的方法

  destination: function (req, file, cb) {
    cb(null, __dirname + '/static/media')
  }

问题似乎出在您定义的路径上。其硬编码，并且在构建后，文件上传目标仍将指向src/images/shops，该文件不存在。您可以做一个小技巧，可以更改目标路径的环境变量。 （定义环境生产或开发）并更改路径。