vue3 axios改成formdata提交

要将Vue3中使用Axios库进行的POST请求改为使用FormData进行提交，你可以按照以下步骤进行修改：

1. 安装FormData库

首先需要安装FormData库，可以使用npm或者yarn来安装，具体命令如下：

npm install form-data

或者

yarn add form-data

2. 创建FormData对象

在发送POST请求之前，需要先创建一个FormData对象，并将需要提交的数据添加到其中。你可以使用以下代码来创建一个FormData对象：

const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

其中，'key1'和'value1'是需要提交的数据键值对，'key2'和'value2'是另外一个键值对，你可以添加任意多个键值对。

3. 修改Axios请求配置

最后，在Axios的请求配置中将data属性改为formData对象即可，如下：

import axios from 'axios';
import FormData from 'form-data';

const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

axios({
  method: 'post',
  url: '/api/submit',
  data: formData,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

注意，此时需要将请求头的Content-Type设置为'multipart/form-data'，以告知服务器该请求将使用FormData格式进行提交。