后台接收不到axios的post传参

后台接收不带axios的post传参

数据和post请求的代码如下

formData: {
            username: '',
             password: ''
         }

axios.post("http://localhost:8084/login", this.formData
                ).then((res) => {
                      console.log(res.data)
                      console.log(res)
                });

后端接收到的数据是，也就是后端不能解析json格式的post的数据域

我们在浏览器中可以发现post发送的数据时json的，

但是我们知道，post接收的数据应该是 username=xxx&password=xxx这种格式的才对

解决方法：axios自带的qs

1. 引入qs
   可以在main.js中引入，但没必要
   直接在使用post请求的组件中引入即可

  import Qs from 'qs'

2. 使用qs作为post提交的数据

            onSubmit() {
                console.log('submit!' + this.formData.username + ' ' + this.formData.password);
                let form={
                  username: this.formData.username,
                  password: this.formData.password
                }
                form=Qs.stringify(form)
                axios.post("http://localhost:8084/login", form
                ).then((res) => {
                      console.log(res.data)
                      console.log(res)
                });
            }

3. 查看post提交的数据
   
4. 后端查看