vue3利用axios上传文件

在Vue3中使用axios上传文件需要进行以下步骤：

1. 首先，安装axios和form-data依赖：

npm install axios form-data

2. 创建一个文件上传的方法：

import axios from 'axios';

const uploadFile = async (file) => {
  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);
  }
};

3. 在需要上传文件的地方，调用uploadFile方法，并传入文件对象：

// 例如，在一个表单提交的事件处理函数中
const handleFormSubmit = (event) => {
  event.preventDefault();

  const file = event.target.files[0];
  uploadFile(file);
};

以上是使用axios上传文件的基本步骤。确保服务器端能够处理文件上传，并且将文件保存在适当的位置。