axios发送json登录请求失败的解决方案
很多开发者在使用Axios发送JSON格式登录请求时，会遇到参数附加到URL而不是作为请求体发送的问题。 这通常是因为没有正确设置请求头Content-Type。
问题描述：即使使用qs或JSON.stringify()处理数据，参数仍然会附加到URL上，而不是作为JSON数据发送到请求体中。
解决方案：
需要在Axios请求中明确指定Content-Type为application/json。 以下代码展示了正确的使用方法：
修改后的Axios请求代码：
// loginexport const PostLogin = (params) => request.post(`/auth/loginByWeb`, params, { headers: { 'Content-Type': 'application/json' }});
Vue组件中的调用代码：
methods: { async onSubmit() { const logindata = { username: this.username, pwd: this.pwd, }; const { data: res } = await PostLogin(logindata); // 处理响应数据res }}
通过设置headers: { 'Content-Type': 'application/json' }，Axios将正确地将logindata对象作为JSON数据发送到服务器的/auth/loginByWeb接口。 确保服务器端也正确地解析JSON数据。
以上就是Axios提交JSON数据失败：如何正确发送JSON格式登录请求？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1561390.html
微信扫一扫 
支付宝扫一扫 
