前端发送请求时带参数需要注意的一点

最新推荐文章于 2024-05-05 01:33:31 发布
原创 最新推荐文章于 2024-05-05 01:33:31 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #http #html

在使用uniapp和springboot开发APP时遇到了登录接口调用异常。经过排查，发现是请求头中缺少'content-type'导致的。参照uniapp官方文档，设置正确的请求头后，成功获取了后端返回的数据。解决问题的关键在于理解并正确设置HTTP请求的header。

这段时间在用uniapp+springboot做一个app，奇怪的是，访问后台接口时总是出现问题
在这里插入图片描述
这是一个登录的接口，我明明使用了已经通过调试的用户名和密码，但是作为参数传递到后端时，后端却没有返回过来相应的数据，于是我想了好久，试了各种axios，uni.request各种不同的请求方式还是无果。
后来想到，会不会是我传参的方式不对，查阅过资料以后发现uni.request的传参方式需要有请求头当中的’content-type’来决定
借鉴uniapp官网
在这里插入图片描述
后来在请求信息当中加上header就可以了，红箭头指向的是重点
在这里插入图片描述
修改完毕后再来请求
在这里插入图片描述
可以发现拿到了返回的taken

心得体会：遇到问题一定要去看官方文档对应的那一部分，慢慢找，仔细找！

沉溺的鱼
关注
前端 - token 是什么？为什么每次请求头（HEADS）里要携带它？
🏆 前端领域优质创作者
11-10 1万+
Token token 是客户端频繁向服务器端请求数据，服务器频繁的去数据库查询用户名和密码进行对比，判断用户名和密码正确与否，并作出相应的提示，在这样的背景下，token 便应运而生了。 目的 token 的目的是为了减轻服务器的压力，减少频繁的查询数据库。 在前端请求后台的 API 接口的时候，为了安全性，一般需要再用户登录成功之后才能发送其他请求。 因此，在用户登录成功之后，后台会返回一个 token 给前端，这个时候我们就需要把 token 暂时保存在本地，每次发送请求的时候需要在 header 里
前端向后台传值的5种方式总结
JSai的博客
06-05 7万+
一、form表单提交（常用） from表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。 在后台可通过对应的name属性获取相应的值。 from表单中的action属性标识提交数据的地址。 method属性指明表单提交的方式。 <form action="demo.do" method="post"> 用户名：<br> ...
请求中的携带的参数params和data
m0_46494512的博客
07-07 3052
而data是添加到请求体（body）中的，服务器读取http body里面的数据那就需要用POST请求了，POST请求的参数就存放在body；（get请求下data不能用）一般，情况下都是使用data的传参方式，但有时会发现需要使用params的方式，后台才能获取到数据，这与后台的接口有关，我们前端不能控制。1、get请求参数是带在url上的，必须使用params，这个是肯定的，但是post的请求就不一定了。实在区分不开，就简单一句话，你能看见的参数，传参就用params，看不见的参数，就用data。
前端Axios各种请求参数携带方式以及后端SpringBoot方式如何接收！！！
最新发布
欢迎来到Mn_Hz的小博站
05-05 5215
前端Axios各种请求参数携带方式以及后端SpringBoot方式如何接收！！！
前端axios发送请求，在请求头添加参数
张张张的博客
10-11 2949
3.在请求拦截器拦截，做处理（这里记住加一个判断，有name的值话才会加在请求头里，避免影响其他接口）1.在封装接口传参时，定义形参，params是正常传参，name则是我想要在请求头传参。成功发起发起之后，可以在控制台查看一下，有下边的效果就加上了，注意：这里修改请求头的信息，会有跨域的问题，需要后端配置信息。
解决前端发axios请求传输数组参数给后端时，请求路径中的数组参数带中括号[]
少年Dream
02-18 6557
问题描述 今天在做项目某部分功能时，后端接口接收一个数组参数，前端向后端发起axios get请求时，请求路径中的数组参数始终带有中括号[]，导致后端一直报400错误… 正确请求路径： http://127.0.0.1:9000/bridgeMonitorContent/getContentByTypeIds?monitorTypeIds=LF-SWJTU&monitorTypeIds=ND-SWJTU 实际请求路径： http://127.0.0.1:9000/xboot/bridgeMonit
前端在发送请求的时候为什么要序列化数据的思考
weixin_44523653的博客
03-02 1995
记下这边文章是因为在前端工作了五六年，从来没有考虑过为什么在发送请求的时候需要序列化，感觉自己缺少深入思考的意识。 序列化和反序列化 名词解释：序列化，将数据结构或对象转换成二进制串的过程。反序列化，将在序列化过程中所生成的二进制串转换成数据结构或者对象的过程。（摘自网上文章） 下面以最清晰的代码来解释一下吧： var obj = {name:"lily",age:10}; var stringObj = JSON.stringify(obj);// stringObj 就是序列化之后的结果 //相应的反序
前端 如何把请求发到 后端 的 Controller
07-20
当前端向后端发送请求时，请求首先会被路由到一个特定的Controller。Controller是MVC架构中的“控制器”组件，主要负责处理用户的请求并将请求转发给适当的Service层。在这个过程中，通常会涉及到以下几个步骤： 1....
如何使用postman发送不带参数的get请求
weixin_40608713的博客
02-02 2072
备注：postman所用的版本为Postman v8.0.3 , the latest version.（升级后的postman的UI与以前的版本有些许不同） 首先，创建一个测试集collection，在后面的学习过程中，可以把学习的请求案例都放在该测试集里。 一、如何使用postman发送不带参数的get请求： 步骤： 1）打开postman，创建一个请求； 2）选择请求方式Get； 3）在url设置处，输入请求url地址； 4）点击send，发送请求； 5）查看响应结果； 下面以V2EX API接口请
前端网络请求详细介绍
Cansiny0320的博客
06-24 2686
???? 前言 之前我们做的页面都是一些没有数据的静态页面(虽然你可能写了一些动画效果，可它却仍然是个静态页面)。那么，啥叫动态页面呢？这就是前端跟网络请求的关系了，如果一个网页在你使用的过程中，向服务器发出了某些网络请求，并接收到了从服务器返回来的数据（当然也可能请求失败），那么，这样的网页才叫做动态页面。也就是说，这里的动态指的是你的浏览器（客户端）和服务器（服务器端）的数据交换。 作为一个真正的前端，所做的事就是负责从客户端获取用户的数据（像是你填写的用户名和密码），然后，把这些数据组织起来，发给服务
js获取请求地址后面带的参数
aijian6549的博客
10-26 291
浏览器输入页面地址的时候在后面带有请求参数, 页面加载后需要获取携带的参数, 可以使用js, 在页面加载js的时候获取参数 http://localhost:8080/demo/index.html?id=1&name=2 $(function(){　　var id= GetPar("id");　　var name = GetParam("nam"); 　　func...
前端post请求方式传参参数各种格式详解，form-data，application/x-www-form-urlencoded，application/json，text/xml
qq_43305958的博客
09-02 1万+
前端传参参数各种格式详解一、form-data二、application/x-www-form-urlencoded总结 一、form-data form-data格式一般是用来进行文件上传 调用接口的时候参数data等于formData const formData = new FormData(); formData.append('modelName', code); 二、application/x-www-form-urlencoded 表单的传参格式，常见的post传参格式 data等于一个对象
Java基础——前台发送请求及参数传递
ddm
02-01 2252
程序开发过程中，前台向后台发送请求及传递参数，目前个人总结为三种方式，具体如下： 一、表单提交： 表单提交可分为get请求跟post请求，一般只做查询时用get请求，还做其他操作时（如：更新等）用post请求，实例如下： 前台表单： <form id="test" action="/product_notify/save" method="get"> <input ...
调用接口前的传参问题
weixin_30247307的博客
08-13 1222
###前端在调用接口,目的是为了增,删,查.(改和增很像) 参数的处理是有很多不同的: ####增 增数据就是将自己所填写的数据,存在相对应的接口里. 1.先处理好数据(将要保存在接口中的数据处理好) 比如将这个数据里面的内容放在接口中. <i-text label="手机号或者证件号码" validate="['required', 'base']" v-mo...
如何指定请求头传参@RequestHeader
热门推荐
Good Luck
04-12 8万+
前端传参解析
谨言的博客
04-11 2772
前端参数解析 前端传递参数的方式 1.路径参数 a.在url路径中传递的参数 b.在请求实例方法中，使用关键字参数来接收 2.查询字符串参数 a.url ？后面的key value键值对参数，如：http://www.xxx.com/?key1=value1&key2=value2 b.request.GET获取 c.request.GET返回QueryDict，类似于python中dict类型 d.可以使用['key1']、get('key1')，会返回具体的值，如果有.
接口请求传参方式
qq_43216389的博客
10-19 1120
在响应中，Content-Type 标头告诉客户端实际返回的内容的内容类型。一个 HTTP 标头由它的名称（不区分大小写）后跟随一个冒号（:），冒号后跟随它具体的值。通常会存放本次请求的基本设置（Content-Type），以帮助服务器理解并解析本次请求的body体。查询参数是通过URL的查询部分来传递参数的，以‘？存放在请求头中发送给服务器的参数，服务器通过解析请求头获取参数内容。通过URL的路径部分来传递参数，以‘ / ’开始和分隔。是路径参数的占位符，实际参数将替换占位符部分。
axios的配置（防忘手段）
weixin_45472233的博客
10-28 249
import axios from ‘axios’; import qs from ‘qs’ // 全局配置 // axios.defaults.headers.common[“token”] = “” // axios.defaults.headers.post[“Content-Type”] = ‘application/x-www-form-urlencoded;charset=UTF-8’...
SpringMvc--前端传值&控制器响应
WuHuaSen的博客
04-28 1213
前端传递数值到后端（控制器）主要有三种方式，分别是请求行传值、请求头传值、请求体传值，下面将根据不同的传值方式分别进行梳理与讲解 目录 一、请求行： 1.1 请求行传值 1.2 控制器接受数据 （请求行） 1.3 响应请求并传递 二、请求头： 2.1 请求头传值 2.2 控制器接受数据 （请求头） 2.3 响应请求并传递 三、请求体： 3.1 请求体传值 3.2 控制器接受数据 （请求体） 3.3 响应请求并传递 一、请求行： 1.1 请求行传值 ...
前端发送get请求带参数
06-12
前端发送 get 请求带参数的方式有两种，一种是直接将参数添加到 URL 的末尾，另一种是使用 URLSearchParams 对象将参数封装成对象，然后作为 fetch 请求的参数传递。 第一种方式的示例代码如下： ```javascript //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值