记录一个前端axios传参格式的问题

news2024/11/16 9:23:02

今天改造一个其他系统的页面,直接把原来系统的接口拿过来复用,发现怎么传参都报400,地址参数都一样,怎么就报错了呢,报错原因大概是后台无法解析出参数(后台属于其他平台,无法测试)。通过对比,发现浏览器请求负载中参数格式还真不一样:

原始页面的负载:

解析后

 

我的传参负载:

 

解析后: 

明显看出原始参数为字符串,我传的是对象 ,代码如下:

    axios({
        url: '/test/Controller/getWwjByWybmFILES',
        method: "post",
        data: {WYBM:'110000562294'} //  "{\"WYBM\":\"110000562294\"}"
    }).then(res=>{

    }

 对比出不同后,我就把对象和字符串都试了,发现并不起作用。首先想到的应该是header里面的参数问题,编码或者类型,但是都试了,跟原页面请求头保持一致了,还是不行。于是拿来了postman测试:

不行

 

不行 

ok 

咱底子薄,不懂就搜。什么是raw数据:

哦,原来是原始数据格式。行了,那就改格式。

经搜提供两种方式:

1、设置header中的Content-Type为text/plain。(测试不好使)

2、使用transformRequest配置来处理请求参数。(没问题)如下代码:

    axios({
        url: '/test/Controller/getWwjByWybmFILES',        
        method: "post",
        transformRequest:[(data,header)=>{
          return JSON.stringify(data)
        }],
        data: JSON.stringify({WYBM:'110000562294'})
    }).then(res=>{

    }

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1860873.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Spring Boot配置Springdoc

刚刚开通了一个公众号,会分享一些技术博客和自己觉得比较好的项目,同时会更新一些自己使用的工具和图书资料,后面会整理一些面试资料进行分享,觉得有兴趣的可以关注一下。 问题描述 之前文章有提到Spring Boot切换到Springdoc&a…

CAD随机球体插件 专业版

插件介绍 CAD随机球体插件专业版可用于在AutoCAD内建立随机分布的球体三维模型。 模型说明 模型尺寸中长度、宽度、高度:设定随机球体生成的长方体区域,及生成的长方体部件尺寸。 建模控制中球体内包参数为限定球体是否会穿过模型的边界。当球体内…

标准立项 | 湖库沉积物微生物多样性监测规程

饮用水水源地保护是饮用水安全保障中最重要的一个环节,其水质状况直接关系到供水区人民群众的身体健康。我国水资源存在水质差、资源短缺、资源时间空间分布不合理等问题。而近些年由水源地污染引发的饮用水安全事件,给居民的生产生活造成一定程度的影响…

【网络安全的神秘世界】解决dvwa靶场报错:Illegal mix of collations for operation ‘UNION‘

🌝博客主页:泥菩萨 💖专栏:Linux探索之旅 | 网络安全的神秘世界 | 专接本 | 每天学会一个渗透测试工具 🚩问题描述 当尝试执行如下 SQL 语句时: 1 union select schema_name,1 from information_schema.s…

[数据集][目标检测]鸡蛋缺陷检测数据集VOC+YOLO格式2918张2类别

数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):2918 标注数量(xml文件个数):2918 标注数量(txt文件个数):2918 标注…

【Linux】使用chrony同步时间

chrony介绍 chrony 是一个开源的网络时间协议 (NTP) 客户端和服务器,旨在保持计算机系统的时间精确同步。它是Linux和其他类Unix系统中广泛使用的工具,特别是在需要高精度时间同步的环境中。chrony 的设计考虑了现代网络的挑战,如不稳定的连…

性能评测系列(PT-010):Spring Boot + MySQL,高并发insert

一、测试概述 测试场景 场景编号: PT-010场景描述: Java应用,MySQL单表写测试目的:指定规格、配置、环境下,Java应用数据库简单写场景负载能力评估。(不含调优,所测结果未必是最优结果&#x…

ElementUI框架搭建及组件使用+登录界面精美模版分享

目录 如何在项目中使用ElementUI组件? ① 通过npm 安装 ② 完整引入 Element ③ 导入组件测试 登录界面搭建 注意事项 ▐ 前言: 本篇文章将详解基于Vue-cli脚手架搭建的项目如何使用ElementUI ?所以在学习本篇文章内容之前建议您先学习…

计算机网络-BGP路由反射器与Cluster_List选路原则

一、优选Cluster_List最短的路由 Cluster_List是BGP路由属性之一,它在路由的AS_Path属性中用来标识路由经过的BGP路由反射器(Route Reflectors)集群列表。 1.1 路由反射器 在大型网络中,为了减少IBGP全互联的需求,可以…

如何自己录制教学视频?零基础也能上手

随着在线教育的蓬勃发展,录制教学视频成为了教师和教育工作者们不可或缺的一项技能。无论是为了远程教学、课程分享还是知识普及,教学视频的录制都变得愈发重要。可是如何自己录制教学视频呢?本文将介绍两种录制教学视频的方法,这…

【Docker】存储数据卷

目录 1、挂载数据卷到容器里 2、查询挂载文件 3、容器与主机之间映射共享卷 4、三个容器之间使用共享卷 5、卷数据的备份与恢复 5.1 备份 5.2 恢复 1、挂载数据卷到容器里 docker run -itd --name test02 -v /data nginx docker exec -it test02 bashls / docker inspe…

2024软件设计师笔记之考点版(一考就过):1-10

软件设计师之一考就过:成绩版 考点1:CPU、指令 真题1:CPU 执行算术运算或逻辑运算时,常将源操作数和结果暂存在(累加器(AC))中。 真题2:在程序的执行过程中,Cache与主存的地址映射是由(硬件自动)完成的。 真题3:计算机执行程序时,内存分为静态数据区、代码区、…

【CMake】Windows下配置CMake

文章目录 前言配置CMake下载CMake设置环境变量测试CMake是否安装成功 总结 前言 CMake是一个开源的跨平台自动化建构系统,它用配置文件控制编译过程的方式和Unix的make相似,但是CMake的配置文件取名为CMakeLists.txt。CMake可以生成标准的构建文件&…

2011-2022年 全国省级-农业绿色全要素生产率数据

农业绿色全要素生产率(Green Total Factor Productivity in Agriculture,简称GTFP-A)是一个重要的指标,它不仅衡量了农业部门的生产效率,还考虑了环境的可持续性与资源的利用效率。GTFP-A反映了农业生产过程中各种投入…

[C++][设计模式][桥模式]详细讲解

目录 1.动机2.模式定义3.要点总结4.代码感受1.代码一2.代码二 1.动机 由于某些类型的固有的实现逻辑,使得它们具有两个变化的维度, 乃至多个纬度的变化如何应对这种“多维度的变化”?如何利用面向对象技术来使得类型可以轻松地沿着两个乃至多…

数据可视化如何为智慧农业带来变革

数据可视化如何为智慧农业保驾护航?随着农业现代化的深入推进,智慧农业应运而生,通过集成物联网、大数据、人工智能等先进技术,实现农业生产的数字化、智能化和高效化。而在这一过程中,数据可视化技术作为重要的工具&a…

新品发布 | TC1018Pro和TC1034Pro正式发布,功能升级,多设备时间同步

新品发布/New products release 同星智能最新推出TC1018Pro和TC1034Pro两款产品,新版本在保留原来基本功能的基础上做了升级,主要新增IO功能、错误帧ID检测、多设备间时间同步等功能。 接下来,让我们看看这两款产品带来了哪些具体功能升级&a…

计算机网络——数据链路层(数据链路层概述及基本问题)

链路、数据链路和帧的概念 数据链路层在物理层提供服务的基础上向网络层提供服务,其主要作用是加强物理层传输原始比特流的功能,将物理层提供的可能出错的物理连接改造为逻辑上无差错的数据链路,使之对网络层表现为一条无差错的链路。 链路(…

【ai】tx2 nx : yolov4加入initLibNvInferPlugins构建

先说结果:make 成功 插件头文件 复制一份: /** Copyright 1993-2021 NVIDIA Corporation. All rights reserved.** NOTICE TO LICENSEE:** This source code and/or documentation ("Licensed Deliverables") are* subject to NVIDIA intellectual property right…

今日早报 每日精选15条新闻简报 每天一分钟 知晓天下事 6月25日,星期二

每天一分钟,知晓天下事! 2024年6月25日 星期二 农历五月二十 1、 发改委:鼓励限购城市放宽车辆购买限制,增发购车指标。 2、 最高法:新反垄断民事诉讼司法解释发布,7月1日起施行。 3、 生态环境部&#x…