axios json 转表单传值

使用axios库发送POST请求时，可以通过设置请求头的方式将请求体中的JSON数据转化为表单数据进行传值。

首先，需要确保已经在项目中引入了axios库，可以通过npm或者CDN的方式进行引入。

然后，在发送POST请求前，需要对请求头进行配置。使用axios库时，可以通过设置`headers`属性来配置请求头。将请求头中的`Content-Type`设置为`application/x-www-form-urlencoded`，表示要将请求体中的数据转化为表单数据。

接下来，在发送POST请求时，需要将JSON数据转化为URL编码的表单数据。可以使用`URLSearchParams`对象来实现这一转换。首先，将JSON数据转化为字符串，然后用`URLSearchParams`对象进行实例化并传入JSON字符串。最后，通过`toString()`方法将JSON数据转化为URL编码的表单数据格式。

最后，使用axios库发送POST请求时，在配置对象中的`data`属性中传入URL编码的表单数据。这样，发送的请求体中就包含了转化后的表单数据。

下面是一个示例代码：

import axios from 'axios';

// ...

async function postData(jsonData) {
  try {
    const formData = new URLSearchParams(JSON.stringify(jsonData)).toString();

    const response = await axios.post('your-url', formData, {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
      },
    });

    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
}

postData({ key1: 'value1', key2: 'value2' });

以上就是使用axios库将JSON数据转化为表单数据进行传值的方法。