如何使用应用程序 / x-www-form-urlencoded 发送 axios 帖子？

Question

如何使用应用程序 / x-www-form-urlencoded 发送 axios 帖子？

我需要发送一个刷新令牌，但是当请求时，一个空的 object 被发送，虽然如果你查看"userData.data.refresh_token" ，那么令牌肯定在那里

const params = new URLSearchParams();
const test = params.append("refresh_token", userData.data.refresh_token);

console.log(test) // undefined
console.log(userData) // token not empty
axios.post(`${API_URL}/api/login_check`, test, (res) => {
  login(res);
});

Answer 1

官方链接： https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format

以下来自上面的链接。

---

在浏览器中，您可以使用 URLSearchParams API，如下所示：

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);

请注意，并非所有浏览器都支持 URLSearchParams（请参阅 caniuse.com），但有一个可用的 polyfill（确保对全局环境进行 polyfill）。

或者，您可以使用qs库对数据进行编码：

const qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 }));

Answer 2

const axios = require('axios')

试试这个代码：

/*... */

const params = new URLSearchParams()
params.append('name', 'Akexorcist')
params.append('age', '28')
params.append('position', 'Android Developer')
params.append('description', 'birthdate=25-12-1989&favourite=coding%20coding%20and%20coding&company=Nextzy%20Technologies&website=http://www.akexorcist.com/')
params.append('awesome', true)

const config = {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
}

axios.post(url, params, config)
  .then((result) => {
    // Do somthing
  })
  .catch((err) => {
    // Do somthing
  })