element ui el-upload上传文件报404

原创已于 2022-02-16 16:26:17 修改 · 1.1w 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

项目问题小记

当前文章被收录于：

项目问题小记

48 篇文章 4 人学习

记录一下工作中遇到的一些问题，如有错误，欢迎指正！！！

订阅专栏查看详情

当前文章被以下社区和专栏收录：

代码可运行

于 2022-02-16 16:24:56 首次发布

本文介绍了在Element UI中使用自定义上传文件时遇到的错误，并展示了如何通过设置http-request属性解决问题，提供了具体的`uploadHttpRequest`函数实现示例。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

问题描述

element ui自定义上传文件报如下错误：
在这里插入图片描述

代码

<el-upload 
      action="#"
      :multiple="false"
      :show-file-list="true"
      :before-upload="beforeUpload"
      :on-remove="onRemove"
      :on-error="handleError"
      :file-list="fileList"
      :on-change="handleUploadChange">
</el-upload>

解决

需要填写以下属性：
在这里插入图片描述

<el-upload 
      action="#"
      :multiple="false"
      :show-file-list="true"
      :before-upload="beforeUpload"
      :http-request="uploadHttpRequest"
      :on-remove="onRemove"
      :on-error="handleError"
      :file-list="fileList"
      :on-change="handleUploadChange">
</el-upload>