Vue给接口传x-www-form-urlencoded类型参数

今天在前端调用后端接口的时候出现了很多问题，出现问题的原因是跟后端没有及时的去沟通，自己一个人参考swagger接口文档闷头苦干。结果接口一直报400XSS参数攻击异常，没办法跟后端对接后才成功调用接口。

如何给接口传x-www-form-urlencoded类型的参数呢？？？
参考一下代码：

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);});

本人亲测有效，记录每天的工作成果希望对你有帮助！！！加油

Vue给接口传x-www-form-urlencoded类型参数相关推荐

解决前端vue中的Uncaught TypeError: this.Form is undefined
报错图片如下: 仔细查看,问题出在form这里发现是因为form没有定义在data中定义后,错误消失
前端学习（3004）：vue+element今日头条管理--使用form表单
手把手教你用Vue.js封装Form组件
前言: 在日常使用vue开发WEB项目中,经常会有提交表单的需求.我们可以使用 iview 或者 element 等组件库来完成相关需求:但我们往往忽略了其中的实现逻辑,如果想深入了解其中的实现细节, ...
vue 只在父级容器移动_Vue易遗忘的基础复习（二）
数据请求 Vue-resource请求在Vue2.0之后已经被舍弃 2. fetch请求因为传统 Ajax (指 XMLHttpRequest)存在一些令人头疼的问题:配置和调用方式非常混乱,而且 ...
vue ref 绑定的事件需要移除吗_Vue易遗忘的基础复习（二）
数据请求 Vue-resource请求在Vue2.0之后已经被舍弃 2. fetch请求因为传统 Ajax (指 XMLHttpRequest)存在一些令人头疼的问题:配置和调用方式非常混乱,而且 ...
逆战---vue的总结
vue基础常用知识的小总结 1.vue六大指令 (1).v-if v-else-if v–else v-if可以实现条件渲染,Vue根据表达式的值的真假条件来渲染元素,如果属性值为true,则显示,否 ...
【vue】3.0 axios与fetch
在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),Fetch ,jQuery实现的AJAX. 其中, XMLHttpRequest(XHR)和Fetch ...
layui select 与 vue 的结合使用
2019独角兽企业重金招聘Python工程师标准>>> 1. 创建一个select元素 <form class="layui-form layui-form-pane ...
VUE 动态给对象增加属性，并触发视图更新。
在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的. 根据官方文档定义 ...

Vue给接口传x-www-form-urlencoded类型参数

Vue给接口传x-www-form-urlencoded类型参数

Vue给接口传x-www-form-urlencoded类型参数相关推荐

最新文章

热门文章