vue3+elemeltplus el-upload request headers 补token

在 Vue3 中，使用 Element Plus 的 `el-upload` 组件上传文件时，如果你需要在每次请求头（Request Headers）中添加自定义的 Token，通常是在发送异步请求（通常是通过 Axios 或者 Element Plus 自带的上传功能）时设置。以下是一个基本的例子：

<template>
  <el-upload
    ref="upload"
    :http-request="uploadRequest"
    ...其他配置...
  />
</template>

<script>
import { ElUpload } from 'element-plus';
import axios from 'axios';

export default {
  components: {
    ElUpload,
  },
  methods: {
    uploadRequest(file, options) {
      const token = localStorage.getItem('yourToken'); // 获取存储的 Token
      if (token) {
        options.headers.Authorization = `Bearer ${token}`; // 添加 Token 到请求头
      }
      return axios.post('/api/upload', file, options);
    },
  },
};
</script>

在这个例子中，我们首先导入了 `axios` 和 `ElUpload`，然后在 `uploadRequest` 方法中检查本地存储是否存在 `yourToken`（这里假设你在登录成功后将 Token 存储在本地）。如果有 Token，就将其添加到 `Authorization` 请求头中。

注意，你需要确保你已经安装了 Axios，并且你的项目中可以正常访问 `localStorage`。另外，记得处理 Token 过期或其他安全问题。