vue3错误排查-POST请求的body参数 传参方式form-data和json

问题：vue3实现登录功能，登录成功后 跳转到登陆后的界面 一秒后 闪退回登录页 对应的输出结果也一闪而过，反复复查了代码，没问题。（封装的 post 请求未成功发起）

自测：进行断点输出调试。强行跳转到登陆后的界面，查看输出的结果。

没有报错，network返回的是200，查看了 network 对应接口的 Headers 和 Payload。最后发现，接口地址复制到网页中是报错400，不支持get。但本次是使用的是post。

错误排查：朋友帮忙排查，最后使用chrome浏览器对 接口文档进行调试，（查看接口文档时，还可以在netword中查看请求是否发起），发现 form-data 格式时，返回成功；但是 json 格式时，返回400。

 

 

 于是，

要嘛，改为Body参数的form-data对应传参方式，

要嘛，跟后端协调。---》时间紧迫，问问后端，后端改---》协调成功~

---

 大致思路：登录成功后，接口报错/数据没有，查看接口的报错信息，进行修改，如果传的参数无误，则为后端的问题。

前端 form-data 对象相关文章：前端 之 FormData对象浅谈_前端提交formdata_努力的小朱同学的博客-CSDN博客