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

这篇具有很好参考价值的文章主要介绍了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'
      },
 // 报错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“

 困扰了我两天,希望能帮大家少踩坑。文章来源地址https://www.toymoban.com/news/detail-505621.html

到了这里,关于Vue2 axios 发请求报400错误 “Error: Request failed with status code 400“的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包