我有一个在端口 3000 上运行的 React 应用程序,而我的开发服务器在端口 5000 上运行。我有一个表单(是的,我将按钮设置为 onClick 事件,而不是使用 PreventDefault 提交),它将信息发送到远程 API 并将文件发送到我的开发服务器 /upload.do 然后到我的 public/images 文件夹。该表单处理得很好,直到我将文件上传添加到服务器 axios 调用,现在一旦发生文件上传,它就会刷新整个页面。我对此进行了研究,看来这是由公共文件夹中的更改导致页面刷新引起的。我的 server.js 使用express-fileupload 处理对 localhost/5000/upload.do 的 api 调用。一切正常,除了它刷新我的页面,这是我不可能发生的。
我的问题是:将文件上传到我的 public/images 文件夹时如何阻止页面刷新?