token传参如何实现

这次给大家带来token传参如何实现,token传参实现的注意事项有哪些,下面就是实战案例,一起来看一下。

问题描述:

有一个登陆接口获取token,其他接口再次访问都要带上token

解决方案:

1、在登陆接口访问后设置Postman的环境变量(Environment),例如设置环境变量名:token,值为登陆接口访问成功后,在responseBody中的token值,如何设置请看下面具体描述。

2、访问其他接口时token值直接读取变量即可。Postman里面获取变量的语法为:{{变量名}}

具体步骤:

1、登陆接口介绍

token传参如何实现

如图所示,login接口返回值JSON格式大体为:

{  "status": 0,  "message": "成功",  "data": {    "username": "cams_admin_dev",    "token": "eyJhbGciOiJIUzUxMiJ9.eyJleHAiOjE1MTYzNDIxMjAsInN1YiI6ImNhbXNfYWRtaW5fZGV2IiwiY3JlYXRlZCI6MTUxNjI1NTcyMDU0NywiZnVsbCI6ImNhbXNfYWRtaW5fZGV2IiwidWF1dGgiOiIvKio7QUxMIiwiYXV0aCI6InNldHRpbmdzLGNhbXNfYWRtaW4saW5kdXN0cnksYm9uZCxjYW1zSG9tZSxjb21wYW55LGFyZWEsZGV0YWlscyxjYW1zT3BlcmF0aW9uIn0.pI09X8KNoIK0fb6xC1xbrSZyg-EnUnlZ_9shmOQCRDtdIIEA5iyq3HmzgSx0ReaChEAZxkrrSRTtSXE8ZlbCTw"  }}

登录后复制

返回值中有token值, 这个值怎么在访问login接口后自动设置为Postman环境变量呢?

2、在访问login接口后自动设置为Postman环境变量

在Postman软件的Tests中写以下代码,设置环境变量

pm.test("Status code is 200", function () {   pm.response.to.have.status(200); });  // 把responseBody转为json字符串 var data = JSON.parse(responseBody); // 设置环境变量token,供后面的接口引用 pm.environment.set("token", data.data.token);

登录后复制

如下图所示:

token传参如何实现

点击Send按钮发送请求后,就可以动态设置环境变量名为token,值为token值的变量。

设置成功后,点击那个眼睛图标,查看变量如图所示:

token传参如何实现

3、访问其他接口,环境变量token

token传参如何实现

如图红色标注的所示

1、另一个接口

2、TYPE中选择token的类型,我这里用到的是 Bearer Token

3、右边红色标注的部分设置token值,格式为:{{token}},获取前面login接口访问时动态设置的token,那么这个接口就可以用了

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

使用jQuery复合选择器方法详解

CDN优化首屏加载方法详解

以上就是token传参如何实现的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2765435.html

(0)
上一篇 2025年3月8日 10:50:26
下一篇 2025年2月19日 00:20:12

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 全局搜索时结果高亮如何实现

    这次给大家带来全局搜索时结果高亮如何实现,全局搜索时结果高亮实现的注意事项有哪些,下面就是实战案例,一起来看一下。 需求 最近在做微信小程序的时候,需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果,目前的思路是,递归后台来返回的数据…

    编程技术 2025年3月8日
    200
  • React高阶组件应如何使用

    这次给大家带来React高阶组件应如何使用,React高阶组件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前段时间在工作中写Hybrid页面时遇到了这样的一个场景,公司需要一系列的活动组件,在每个组件注册的时候都需要调用App端…

    2025年3月8日
    200
  • txt文件怎样实现上传前预览

    这次给大家带来txt文件怎样实现上传前预览,txt文件实现上传前预览的注意事项有哪些,下面就是实战案例,一起来看一下。 今天做项目刚好碰到这个记录一下。因为是简单的txt文件,只涉及文本,如果需要涉及图片预览就需要使用papaparse和j…

    2025年3月8日
    200
  • Vue如何将过滤器格式化

    这次给大家带来Vue如何将过滤器格式化,Vue将过滤器格式化的注意事项有哪些,下面就是实战案例,一起来看一下。 前端处理一些金额,数字类的数据要求按照固定的格式显示,比如9,527,025,或者带有小数(如1,587.23)仍要三位一断。有…

    2025年3月8日
    200
  • keep-alive缓存功能如何使用

    这次给大家带来keep-alive缓存功能如何使用,keep-alive缓存功能使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Vue 实现组件信息的缓存 当我们在开发vue的项目过程中,避免不了在路由切换到其他的component…

    编程技术 2025年3月8日
    200
  • JS实现摩天轮抽奖

    这次给大家带来JS实现摩天轮抽奖,JS实现摩天轮抽奖的注意事项有哪些,下面就是实战案例,一起来看一下。  效果图: 图片素材 : 代码如下,复制即可使用: 幸运抽奖页面 /*CSS代码*/ *{ padding:0; margin:0; }…

    2025年3月8日
    200
  • vue裁切预览组件功能的实现步骤

    这篇文章主要介绍了vue裁切预览组件功能的实现代码,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,感兴趣的朋友跟随脚本之家小编一起学习吧 vue版本裁切工具,包含预览功能 最终效果: qiuyaofan.gith…

    2025年3月8日
    200
  • vue嵌套路由与404重定向实现方法分析

    这篇文章主要介绍了vue嵌套路由与404重定向实现方法,结合实例形式分析了vue.js嵌套路由与404重定向的概念、原理、实现步骤与相关操作技巧,需要的朋友可以参考下 本文实例讲述了vue嵌套路由与404重定向实现方法。分享给大家供大家参考…

    2025年3月8日
    200
  • node实现的爬虫功能

    这篇文章主要介绍了node实现的爬虫功能,结合实例形式分析了nodejs实现爬虫功能的步骤与相关操作技巧,需要的朋友可以参考下 本文实例讲述了node实现的爬虫功能。分享给大家供大家参考,具体如下: node是服务器端的语言,所以可以像py…

    2025年3月8日
    200
  • 通用无限极下拉菜单的实现代码

    这篇文章主要介绍了关于通用无限极下拉菜单的实现代码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 下拉菜单在我开发中经常遇到,但是没个项目都需要从新编写,改起来虽然简单但是很麻烦,我这个人还是比较懒的,今天有时间把我以前的项…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论