Vue2 axios 发请求报400错误 “Error: Request failed with status code 400“

最近在做一个项目，后端写了一个登录接口，postman可以正常请求。但我axios发请求出现400错误“Error: Request failed with status code 400”

请求：

 testdata:{username:'admin',password:'123456'},

 // 报错400await userLogin(this.testdata)

错误：

我研究了两天，查了无数资料，最后和朋友一起找到解决方法

原因：后端没跟我说需要什么格式的数据，我以为是默认的json，后来查阅错误得知后端需要的数据格式是 “application/x-www-form-urlencoded”，这种格式不能直接传数据，需要对数据进行编码处理，不然就报错。

解决方案：

引用qs库 不用下载 axios里面已经存在

1.引入qs库

import Qs from 'qs'

2.用qs对数据进行处理，发生请求

 await userLogin(Qs.stringify(this.testdata))

3.成功

困扰了我两天，希望能帮大家少踩坑。