当你需要使用 application/x-www-form-urlencoded 格式发送 POST 请求时,你可以通过配置 Axios 的请求头和数据来实现。这种格式通常用于表单提交。

以下是一个简单的示例,演示如何使用 Axios 发送 application/x-www-form-urlencoded 格式的 POST 请求:
// 导入 axios 模块
const axios = require('axios');

// 创建一个 FormData 对象,用于存放表单数据
const formData = new FormData();
formData.append('username', 'exampleUser');
formData.append('password', 'examplePassword');

// 发送 POST 请求
axios.post('https://api.example.com/login', formData, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
})
  .then(response => {
    console.log('请求成功', response.data);
  })
  .catch(error => {
    console.error('请求失败', error);
  });

在上述示例中:

  •  我们首先创建了一个 FormData 对象,用于存放表单数据。

  
  •  然后,通过 append 方法将表单数据添加到 FormData 对象中。


  •  最后,通过 axios.post 发送 POST 请求,并在配置中设置了请求头 'Content-Type': 'application/x-www-form-urlencoded',以确保发送的数据按照表单格式进行编码。


请注意,对于表单数据,你也可以直接使用 URL 查询字符串的形式传递数据,例如:
const formData = 'username=exampleUser&password=examplePassword';

axios.post('https://api.example.com/login', formData, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
})
  .then(response => {
    console.log('请求成功', response.data);
  })
  .catch(error => {
    console.error('请求失败', error);
  });

在这种情况下,你需要手动将数据以字符串形式拼接,并确保按照表单格式进行编码。




转载请注明出处:http://www.zyzy.cn/article/detail/6285/Axios