Bad Request报错

开始没有使用Qs库，能获取到列表数据，但是添加项目等需要传请求参数的情况下，使用表单的传参方式就不能成功请求，就报错。报错如下：

OPTIONS http://192.168.0.63:8080/configAdminWeb/addPro net::ERR_ABORTED 400 (Bad Request)

这个问题解决方式，只要在发起axios请求的时候，引入Qs库，然后使用Qs.stringify方法将请求的数据进行一次序列化。这样就不会报这个错误，成功添加数据保存到数据库了。

import Qs from 'qs'

Axios中使用qs的作用

qs.stringify()将对象序列化成URL的形式，以&进行拼接

比如发送{email:'XXXXXX@qq.com', password: 123456}这个数据时，后台也完全可以接收得到，那么qs把参数转换成URL的形式发送数据有什么用呢？

Ajax请求的get请求是通过URL传参的（以？和&符连接），而post大多数是通过json传参的。Qs是一个库，里面的stringify方法可以将一个json对象直接转为（以？和&符连接的形式），在开发中，发送请求的入参大多是一个对象，在发送时，如果该请求为get请求，就需要对参数进行转化，使用该库，就可以自动转化，而不需要手动去拼接

如何用数组包裹多个对象发送数据是不是也会被解析成URL格式的？

入参一般都是以键值对的形式发送，如果后端是需要接收这个完整的数组，那应该是把这个完整数组作为一个值去传递

Axios默认的content-type是application/json,也就是Java后端经常让你把参数放在body中的那种格式，传输的样式是requestbody

{
    name:xxx,
    age:xxx
}

如果使用的是qs进行序列化，那么content-type就是application/x-www-form-urlencoded，也就是常说的表单提交，传输的样式是formdata

name：XXX，
age：28

url序列化后是

Name=xxx&age=xxx

所以，实际上是否需要用PS去序列化参数完全取决于后端要怎么接收数据

链接: https://fly63.com/article/detial/8941