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格式登录请求？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2795854.html
