使用elementUI的上传组件，在接口超时的时候进行错误提示

在Element UI中，使用Upload组件上传文件时，如果你需要处理接口超时的情况并显示相应的错误提示，你可以通过监听上传请求的状态变化来实现。首先，你需要在Upload组件的`http-request`选项中设置一个自定义的拦截器，然后在其中捕获`timeout`事件。以下是基本步骤：

1. 安装依赖：
如果你还没有安装axios，可以先安装：

   npm install axios

2. 在Vue组件中引入axios，并创建一个Upload实例：

<template>
  <el-upload
    :action="uploadUrl"
    :http-request="customRequest"
    :on-error="handleError"
  ></el-upload>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      uploadUrl: '', // 你的上传URL
    };
  },
  methods: {
    customRequest(config) {
      const self = this;
      config.timeout = 5000; // 设置默认超时时间

      return axios(config).catch((error) => {
        if (error.response && error.response.status === 408) { // 检查是否是超时
          self.$message.error('上传请求超时');
        } else {
          self.$message.error(error.message || '上传失败');
        }
      });
    },
    handleError(err) {
      this.$message.error('上传错误：' + err);
    },
  },
};
</script>

在这个例子中，我们设置了默认的超时时间为5秒（可根据实际情况调整）。如果接口响应状态为408（HTTP状态码代表“请求超时”），则显示超时错误信息；否则，显示更通用的错误消息。