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

来自:网络
时间:2023-07-25
阅读:
目录

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

请求:

   testdata:{
        username:'admin',
        password:'123456'
      },
 // 报错400
    await userLogin(this.testdata)

错误:

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

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

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

解决方案:

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

1.引入qs库

import Qs from 'qs'

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

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

3.成功

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

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

总结

返回顶部
顶部