在vue中通过axios发送formdata

请求时，如何设置请求头？

可以在axios.defaults.headers.common中设置请求头，如下所示：

import axios from 'axios';

axios.defaults.headers.common['Content-Type'] = 'multipart/form-data';

其中，'Content-Type'为请求头的键，'multipart/form-data'为请求头的值。这样设置后，每次使用axios发送formdata请求时，请求头都会自动带上'Content-Type'。

相关问题

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格式进行提交。

vue中使用axios发送post请求，将formData格式转为Json格式

在Vue中使用axios发送POST请求并将FormData格式转换为JSON格式，可以通过使用`qs`库来实现。

首先，需要安装`qs`库，可以通过以下命令进行安装：

npm install qs --save

接着，在发送POST请求时，将`Content-Type`设置为`application/x-www-form-urlencoded`，并使用`qs.stringify()`方法将FormData转换为JSON格式。示例代码如下：

import axios from 'axios';
import qs from 'qs';

const formData = new FormData();
formData.append('name', 'John');
formData.append('email', 'john@example.com');

axios.post('/api/user', qs.stringify(formData), {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

在上述代码中，首先创建了一个FormData对象，然后使用`axios.post()`方法发送POST请求，将FormData转换为JSON格式，并将`Content-Type`设置为`application/x-www-form-urlencoded`。最后，使用`.then()`和`.catch()`方法处理响应和错误。