Ant-Pro默认的代理上传文件失败

场景

在使用Ant-Pro的时候,配置了反向端口代理但是上传文件的时候,后台解析文件数据失败,研究了几天后终于发现了解决方案。

前端Request Header

这里写图片描述

上传格式已经为form-data上传体格式正确,但是后台接收不到文件信息。

研究后才发现,默认的 mock里面配置代理的方式是不能反向代理 文件请求的。

解决方案

在.webpackrc.js 里面配置proxy的方式进行处理,这个方式是支持文件上传请求的。

proxy:{  
  "/api/upload/*":{  
    target:"http://localhost:9000/upload/",  
    changeOrigin:true,  
    "pathRewrite": { "^/api/upload/" : "" }  
  }  
} 

这个坑之前也没有遇到过,自己之前一直怀疑是后台写错了,研究了好几天才发现是同源问题,希望可以让用到pro的小伙伴可以快速爬过这个坑。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值