axios+post+qs 改变上传数据格式

axios+post+qs 改变数据格式上传

背景

在写项目的时候,有常见的注册登录操作<这是大家都晓得的常识>,然后我就是在写这些简单的东西上,踩坑了.注册成了,登录数据也是传正确了的,但是始终登录不成功.
配上两个图,看上去清晰一些: 一个是注册成功,一个是登录失败.

失败原因

后端要求的application/x-www-form-urlencoded格式,但是axios.$post方法默认的是application/json编码格式,然后后端解析不了.所以一直无法登陆成功!

解决办法

1. 下载qs npm i qs
2. 导入qs import qs from 'qs
3. 在post方法中使用qs.stringify() 改变数据的编码格式,这里是把axios.$post默认的json格式改成application/x-www-form-urlencoded格式.
4. 上代码:

// An highlighted block
this.$axios.post("http://8.140.3.126:9527/user/login", qs.stringify({username: this.userForm.username,password: this.userForm.password,})).then((res) => {console.log(res);if (res.data.code == 200) {this.$router.replace("/");}}).catch((err) => {console.log("错误!");})

--------------------------------记录完毕---------------------------------