axios发送json登录请求失败的解决方案
很多开发者在使用Axios发送JSON格式登录请求时，会遇到参数附加到URL而不是作为请求体发送的问题。 这通常是因为没有正确设置请求头Content-Type。
问题描述：即使使用qs或JSON.stringify()处理数据，参数仍然会附加到URL上，而不是作为JSON数据发送到请求体中。
解决方案：
需要在Axios请求中明确指定Content-Type为application/json。 以下代码展示了正确的使用方法：
修改后的Axios请求代码：
// login
export 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格式登录请求？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
794
