解决Vue2 axios发请求报400错误"Error: Request failed with status code 400"
更新时间：2023年07月11日 10:03:42 作者：Korbin227
这篇文章主要给大家介绍了关于如何解决Vue2 axios发请求报400错误"Error: Request failed with status code 400"的相关资料,在Vue应用程序中我们通常会使用axios作为网络请求库,需要的朋友可以参考下
最近在做一个项目，后端写了一个登录接口，postman可以正常请求。但我axios发请求出现400错误"Error: Request failed with status code 400"
请求：
testdata:{
username:'admin',
password:'123456'
}, // 报错400
await 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.成功
困扰了我两天，希望能帮大家少踩坑。
总结
到此这篇关于解决Vue2 axios发请求报400错误"Error: Request failed with status code 400"的文章就介绍到这了,更多相关Vue2 axios发请求报400错误内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了如何在vue 中引入使用jquery，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了mpvue 单文件页面配置详解，本文将介绍如何在 mpvue 官方模板的基础上，通过配置 mpvue-config-loader 来实现在 vue 文件内书写小程序的页面配置，感兴趣的小伙伴们可以参考一下2018-12-12
关于vue-router路由的传参方式params query
这篇文章主要介绍了关于vue-router路由的传参方式params query,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue中字符串如何拼接路由path路径方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
经常遇到这样的需求，移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。这篇文章主要介绍了移动端底部导航固定配合vue-router实现组件切换功能,需要的朋友可以参考下2019-06-06
vue.js element-ui validate中代码不执行问题解决方法
这篇文章主要介绍了vue.js element-ui validate中代码不执行问题解决方法,需要的朋友可以参考下2017-12-12
这篇文章主要给大家介绍了关于如何解决前端调用后端接口返回200但数据返回的是html标签的相关资料,文中通过图文将解决的过程介绍的非常详细,对同样遇到这个问题的朋友具有一定的参考解决价值,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了vue-loader中引入模板预处理器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
Pinia不但支持Vue3，同时还支持Vue2，本文主要介绍了Vue新的状态管理库Pinia入门教程，具有一定的参考价值，感兴趣的可以了解下2022-02-02
Vite使用unplugin-auto-import实现vue3中的自动导入
本文主要介绍了Vite使用unplugin-auto-import实现vue3中的自动导入,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
最新评论