Axios请求传值表单格式详细

Axios可以用多种方式来传递表单数据，这里介绍两种常用的方式：

1.使用URLSearchParams对象

URLSearchParams是一个JavaScript内置类，可以方便地处理URL查询参数。可以将表单数据转换成URLSearchParams对象，然后作为data属性传递给Axios。

const formData = new FormData()
formData.append('username', 'example')
formData.append('password', '123456')

axios.post('/api/login', new URLSearchParams(formData))
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

2.使用qs库

qs库是一个常用的处理URL查询参数的第三方库，可以将JavaScript对象序列化为URL查询参数。可以将表单数据转换成JavaScript对象，然后使用qs库序列化为查询参数字符串，最后作为data属性传递给Axios。

import qs from 'qs'

const formData = {
  username: 'example',
  password: '123456'
}

axios.post('/api/login', qs.stringify(formData))
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

以上两种方式都可以将表单数据以表单格式传递给后端。需要注意的是，后端接收到数据时需要使用相应的方式解析表单数据。例如，在Node.js中可以使用body-parser中间件解析表单数据。