如何在vue中使用fastapi上传文件？我收到无法处理的错误422

npm install axios

import axios from 'axios';

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

      try {
        const response = await axios.post('/upload', formData, {
          headers: {
            'Content-Type': 'multipart/form-data',
          },
        });
        console.log(response.data);
      } catch (error) {
        console.error(error);
      }
    },
  },
};

from fastapi import FastAPI, UploadFile, File

app = FastAPI()

@app.post('/upload')
async def upload_file(file: UploadFile = File(...)):
    contents = await file.read()
    # 进行文件处理逻辑，如保存文件到本地或云存储
    return {'message': '文件上传成功'}