使用ant设计中的上传组件上传文件不在localhost上工作

Question

我有一个为用户界面组件配置了Roadhog和Ant设计的react项目。

对于localhost，它使用代理来调用API服务。除文件上载方法外，所有API调用都按预期工作。我在其他地方进行了测试，API正在运行，并且在生产环境中也有效，但我的API在localhost上没有收到任何文件。

我的代码：

<Upload
    action="/api/upload_file"
    listType="picture-card"
    showUploadList={{ showPreviewIcon: false }}
    headers={{ Authorization: `Bearer ${token}`}}
    name="file"
    withCredentials
>
    <Icon type="plus" />
    <div className="ant-upload-text">Upload</div>
</Upload>

我的请求如下：

请求通用

  

请求网址：http://localhost:8000/api/upload_file
  请求方法：POST

请求标头

  

接受：* / *
  接受编码：gzip，deflate，br
  接受语言：en-US，en; q = 0.9，es; q = 0.8
  授权：持票人f3618115e76f934934983ehn9RvpoN5ohGjrOoBm9E3LA9OeZbiJW
  连接：保持活力
  内容长度：9815
  内容类型：multipart / form-data; boundary = ---- WebKitFormBoundaryrNrG4oEpcIkf8gp4
  主机：localhost：8000
  来源：http://localhost:8000
   Referer ：http://localhost:8000/messages/new
  用户代理：Mozilla / 5.0（Macintosh; Intel Mac OS X 10_13_3）AppleWebKit / 537.36（KHTML，与Gecko一样）＆gt; Chrome / 64.0.3282.140 Safari / 537.36
   X-Requested-With ：XMLHttpRequest

请求有效负载

  

------ WebKitFormBoundaryrNrG4oEpcIkf8gp4
  内容处理：表格数据; NAME = “文件”; filename =“Trenes_de_Buenos_Aires_Logo.png”
  内容类型：image / png
   
  ------ WebKitFormBoundaryrNrG4oEpcIkf8gp4--

关于蚂蚁设计的问题

Github问题：https://github.com/ant-design/ant-design/issues/9361