Question

我正在尝试从表单发送图像以响应后端，但是如果FormData足够大（到目前为止，我无法发送大于1MB的图像），它将取消axios发布请求并重新加载页面。 / p>

后端配置为将图像存储在react文件夹（/ client / public / uploads）中，所以问题可能在于react会重新加载自身，但是为什么小图像会通过呢？

控制台没有错误。唯一的提示是带有

的网络标签

添加（取消）xhr bundle.js：2113 0 B 581 ms

那我应该怎么做才能不取消就传递数据呢？

上传文件夹中的文件已损坏

编辑：我发现了一件有趣的事情：即使我用邮递员上传文件，重装的页面也会重新加载。我的猜测是我的浏览器取消发布请求，因为这。所以问题在于当我在react子文件夹中创建图像时如何停止重新加载页面的反应？

Answer 1

不确定这是否正确，但是我的解决方案是将文件存储在后端，这样不会重新加载react并使用express服务文件

Answer 2

哦，亲爱的，我想我知道你的问题是什么...

您是否正在使用热重装？也许webpack DevServer-或您使用的任何设备-正在侦听更改的文件，并且如果发生某些更改（在您的情况下，添加了图像），它将重新加载页面。

如果使用webpack DevServer，只需将图像文件夹路径添加到监视忽略列表中即可：

module.exports = {
  ...
  devServer: {
    watchOptions: {
      ignored: [
        path.resolve(__dirname, 'path/to/images')
      ]
    }
  },
  ...
}

否则，您可以在构建应用后检查生产中是否也会发生这种情况...

在文件上传时重新加载reactjs页面

2 个答案: