axios使用post提交表单数据

axios使用post提交表单数据的方式有两种，别是application/x-www-form-urlencoded和multipart/form-data。

1. application/x-www-form-urlencoded方式：

import axios from 'axios';

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

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

2. multipart/form-data方式：

import axios from 'axios';

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

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

以上是使用axios库进行post请求提交表单数据的两种方式[^1][^2]。