欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-23 14:55:44
前端在传参时需要先新建一个URLSearchParams对象,然后将参数append到这个对象中const params = new URLSearchParams();params.append('username', this.username);params.append('password', this.password)然后再将该对象传递到接口参数axios({ method: 'post', url: 'users/login/', data:...

前端在传参时需要先新建一个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},vue项目中请求头为applicationx-www-form-urlencoded的参数传递一直不正确,后来查到了方法然而原因还是未解之

本文地址:https://blog.csdn.net/weixin_42217154/article/details/109648301