vue项目中请求头为applicationx-www-form-urlencoded的参数传递

前端在传参时需要先新建一个URLSearchParams对象，然后将参数append到这个对象中

const params = new URLSearchParams();
params.append('username', this.username);
params.append('password', this.password)

然后再将该对象传递到接口参数

axios({
     method: 'post',
     url: 'users/login/',
     data: params,
     headers:{'Content-Type':"application/x-www-form-urlencoded"}
}).then(res => {
     console.log(res.data);
     // 将用户token保存到session中
     // localStorage.setItem('token', 'res.data.data.body.token');
     // _this.$router.push({ path: '/' });
}).catch(error => {
     alert('账号或密码错误');
     console.log(error);
});

 

刚开始传参就直接{username:this.username,password:this.password}，一直不正确，后来查到了方法然而原因还是未解之