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

这篇具有很好参考价值的文章主要介绍了Vue给接口传x-www-form-urlencoded类型参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

本人亲测有效,记录每天的工作成果希望对你有帮助!!!加油文章来源地址https://www.toymoban.com/news/detail-542873.html

到了这里,关于Vue给接口传x-www-form-urlencoded类型参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • application/x-www-form-urlencoded

    在请求中,有一种数据传输的 Content-Type 是 application/x-www-form-urlencoded 。 这种数据格式的接口,在发送请求时,与我们习惯的 application/json 的形式不一样。这半个月,有个地方没理解透,被坑了很长时间。接口是通的,按接口的要求,把数据传输过去,收到的结果始终是处理

    2024年02月11日
    浏览(36)
  • x-www-form-urlencoded接收方式代码示例

    数据回推方式是 “x-www-form-urlencoded”,可以选择使用 GET 或 POST 方法来接收数据回推。 使用 GET 方法接收数据回推时,您可以将数据作为查询参数附加在请求的 URL 中。例如: http://example.com/callback?param1=value1param2=value2 在服务器端,可以使用相应的框架或库从请求的查询参数中

    2024年01月19日
    浏览(50)
  • Postman form-data、x-www-form-urlencoded的区别

    我们在平时的postman请求调试,以及web的http请求开发时,常常能看到以下几种传参的形式 form-data、x-www-form-urlencoded、raw、binary,那么这些请求方式的区别是什么呢? 1 、 form-data: 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开

    2024年01月24日
    浏览(47)
  • form-data和x-www-form-urlencoded的区别和延伸

    form-data和x-www-form-urlencoded,它们完整的表示是multipart/form-data和application/x-www-form-urlencoded。 为了方便,我们下面就用form-data和x-www-form-urlencoded表示。 两者的区别,可谓是老生常谈,随便百度一下,也是有大堆资料。可是我还想用一篇文章来总结一下,主要有两点原因: form-

    2024年02月12日
    浏览(43)
  • java实现postman为x-www-form-urlencoded的调用

    1.客户端实现 导入http-client jar。 2.服务端实现

    2024年02月11日
    浏览(41)
  • 实例教程:使用SpringBoot接收form-data和x-www-form-urlencoded数据

    【辰兮要努力】:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结,感谢你的阅读和关注,希望我

    2024年02月19日
    浏览(38)
  • postman中 form-data、x-www-form-urlencoded、raw、binary的区别

    multipart/form-data:可以上传文件,以及表单键值对,最后会转化为一条信息; x-www-form-urlencoded:只能上传键值对,并且键值对都是间隔分开的。 raw:可以上传任意格式的文本,可以上传text、json、xml、html等 1、form-data: 就是http请求中的 multipart/form-data ,它会将表单的数据处理为

    2024年03月24日
    浏览(44)
  • Qt网络编程post请求,数据格式为json或x-www-form-urlencoded

    目录 Qt网络编程post请求,数据格式为json或x-www-form-urlencoded 一、.H文件 1、.h头文件 2、.h主代码 二、.CPP文件 1、主代码  三、响应信息 返回结果(Josn数据格式输出) 四、Post数据格式参数及数据类型定义 1、Post:application/x-www-form-urlencoded数据类型格式 2、Post:application/json数据

    2024年02月07日
    浏览(43)
  • 前端数据格式解析 json,form(application/json、application/x-www-form-urlencoded、multipart/form-data)

    这几天编写web前端时,在处理前端数据发回后端时遇到了一些数据格式的问题,查了不少资料后准备整理总结一下。 常见的有两种格式 json与form json,全称是javascript object notation,即JavaScript对象标记法 json,一种轻量级(Light-Meight)、基于文本的(Text-Based)、可读的(Human-

    2024年02月03日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包