Vue给接口传x-www-form-urlencoded类型参数
今天在前端调用后端接口的时候出现了很多问题,出现问题的原因是跟后端没有及时的去沟通,自己一个人参考swagger接口文档闷头苦干。结果接口一直报400XSS参数攻击异常,没办法跟后端对接后才成功调用接口。
如何给接口传x-www-form-urlencoded类型的参数呢???
参考一下代码:文章来源:https://www.toymoban.com/news/detail-542873.html
1.导入相关依赖
//格式化时间
import dayjs from "dayjs";
//Axios的配置文件
import Axios from '@/network/axios';
import qs from 'qs';
2.相关代码和注释
let params = {
'orgID': 'root',
'serCreateTime': dayjs(this.userForm.etime).format("YYYY-MM-DD hh:mm:ss"),
'userInvalidTime': dayjs(this.userForm.ltime).format("YYYY-MM-DD hh:mm:ss"),
'userIsSuperAdmin': 0,
'userLoginName': this.userForm.name,
'userPassword': this.userForm.credential,
'userUsesMark': this.userForm.status,
'roleID': '10002',
'userInfo.userChName': this.userForm.alias,
'userInfo.userEmail': this.userForm.telephone,
'userInfo.userGender': this.userForm.gender,
'userInfo.userIDCard': this.userForm.idcard,
'userInfo.userMobile': this.userForm.mobile,
'userID': this.userForm.name
}
Axios({
//请求方式(get、post、put、delete)
method: 'post',
//接口访问地址(http://ip:port/路径)
url: `xxxxxx/xxxxxx/xxxxxx`,
data: qs.stringify(params),
//请求头
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
},
}).then(res => {
//请求成功的响应结果,可以做更多处理
console.log(res);
});
本人亲测有效,记录每天的工作成果希望对你有帮助!!!加油文章来源地址https://www.toymoban.com/news/detail-542873.html
到了这里,关于Vue给接口传x-www-form-urlencoded类型参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!