antd_upload组件_线上405的问题

2,417 阅读1分钟

问题情景:

1、upload组件使用的时候,把action直接删除,然后按照文档使用。
2、本地环境,上传图片没有问题。
3、上线之后,上传图片报错405。

问题分析:

  本地开发环境发现每次上传图片,会图片请求一次,并且自身网页请求一次。共产生两次请求。

问题发现:

  原因是antd的upload组件,如果没有action的配置项,会默认以当前网页的url作为路径,并进行图片POST方法的请求。

问题解决

1、采用custoRequest来阻止默认上传行为【使用方式可以自己查】
2、采用upload的手动上传文件的方式【该方式onChange属性的图片状态会没有,主要是采用beforeUpload属性return false方式实现】