如何通过axios发送带有Vue filepond的图像？

import axios from 'axios';
import VueFilePond from 'vue-filepond';
import 'filepond/dist/filepond.min.css';

Vue.component('file-pond', VueFilePond);

data() {
  return {
    imageFile: null
  };
}

<template>
  <div>
    <file-pond v-model="imageFile"></file-pond>
    <button @click="uploadImage">上传图像</button>
  </div>
</template>

methods: {
  uploadImage() {
    const formData = new FormData();
    formData.append('image', this.imageFile);

    axios.post('/upload', formData)
      .then(response => {
        // 处理上传成功的响应
      })
      .catch(error => {
        // 处理上传失败的错误
      });
  }
}