el-upload使用http-request 采用axios 方式上传,为什么on-success 被调用了
时间: 2023-11-01 15:46:04 浏览: 208
vue+axios+el-upload实现文件上传(带参数):
3星 · 编辑精心推荐
如果你在使用 el-upload 组件时采用 axios 方式进行文件上传,并且在上传成功后触发了 on-success 事件,可能有以下几个可能的原因:
1. 请求成功状态码:在使用 axios 发送 HTTP 请求时,默认情况下,只有当请求返回的状态码为 2xx(例如 200)时,axios 才会认为请求成功。如果服务器返回的状态码符合成功条件,axios 会触发 Promise 的 resolve 回调,从而导致 on-success 事件被调用。
2. 组件配置:请确保你正确配置了 el-upload 组件的相关属性,包括 action(请求地址)、headers(请求头信息)以及其他可能的配置项。如果配置不正确,可能会导致请求失败或触发错误回调。
3. 服务器响应:确认服务器是否正确处理了上传文件的请求,并返回了适当的响应。如果服务器返回了预期的成功响应,axios 会将其视为请求成功,从而触发 on-success 事件。
建议你仔细检查以上几个方面,确保请求配置和服务器响应都正确无误。如果问题仍然存在,可以进一步检查网络请求日志和服务器端代码,以确定问题所在。
阅读全文