Vuejs vuesax上传镜像问题？

npm install vuesax --save
# 或者
yarn add vuesax

import Vue from 'vue';
import Vuesax from 'vuesax';
import 'vuesax/dist/vuesax.css';

Vue.use(Vuesax);

<template>
  <div>
    <vs-upload
      action="https://your-upload-endpoint.com/upload"
      :headers="headers"
      @on-success="handleSuccess"
      @on-error="handleError"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      headers: {
        Authorization: 'Bearer your-token',
      },
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      console.log('Upload success:', response);
    },
    handleError(error, file, fileList) {
      console.error('Upload error:', error);
    },
  },
};
</script>

<template>
  <div>
    <input type="file" @change="handleFileChange" />
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    handleFileChange(event) {
      const file = event.target.files[0];
      const formData = new FormData();
      formData.append('file', file);

      axios.post('https://your-upload-endpoint.com/upload', formData, {
        headers: {
          'Content-Type': 'multipart/form-data',
        },
      })
      .then(response => {
        console.log('Upload success:', response.data);
      })
      .catch(error => {
        console.error('Upload error:', error);
      });
    },
  },
};
</script>