如何添加JWT生成的token在请求头中
前言
在我们使用JWT来做用户的验证时,我们登陆生成对应的token,并加入到请求的参数中发送到后台提供相关的权限校验。这个时候我们需要使用到传递请求头参数传递的问题,下面是两种方式。
1.ajax提交方式
1).方法一:
$.ajax({
type: "GET",
url: "/access/logout/" + userCode,
headers: {'Authorization': token}
});
上面的方法一是我提交的方式
请求成功后
2).方法二:
$.ajax({
type: "GET",
url: "/access/logout/" + userCode,
beforeSend: function(request) {
request.setRequestHeader("Authorization", token);
},
success: function(result) {
}
});
2.anjular添加token到header中的方式
1.自定义Http方法,全局使用自动添加Token到Header中,或者使用拦截器,方法类似。
import {Observable} from 'rxjs/Observable';
import {Injectable} from '@angular/core';
import {
Http,
RequestOptionsArgs,
RequestOptions,
Response,
Headers
} from '@angular/http';
const mergeToken = (options: RequestOptionsArgs = {}) => {
const newOptions = new RequestOptions({}).merge(options);
const newHeaders = new Headers(newOptions.headers);
const jwt = localStorage.getItem('jwt');
if (jwt) {
newHeaders.set('Authorization', jwt);
}
newOptions.headers = newHeaders;
return newOptions;
};
@Injectable()
export class MyHttp {
constructor(private http: Http) {
}
get(url: string, options?: RequestOptionsArgs): Observable<Response> {
return this.http.get(url, mergeToken(options));
}
post(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
return this.http.post(url, body, mergeToken(options));
}
put(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
return this.http.put(url, body, mergeToken(options));
}
delete(url: string, options?: RequestOptionsArgs): Observable<Response> {
return this.http.delete(url, mergeToken(options));
}
patch(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
return this.http.patch(url, body, mergeToken(options));
}
head(url: string, options?: RequestOptionsArgs): Observable<Response> {
return this.http.head(url, mergeToken(options));
}
}
转载于:https://www.cnblogs.com/jfaith/p/11124030.html
如何添加JWT生成的token在请求头中相关推荐
- Vue:全局拦截所有请求,并在请求头中添加token
Vue:全局拦截所有请求,并在请求头中添加token 在实际的项目中,为了登录的安全,token是必不可少的,所以就需要前后端配合,后端生成和验证token(这方面我也写过博客,讲述后端对token的 ...
- oauth2 java 获取token_OAuth2 Token 一定要放在请求头中吗?
Token 一定要放在请求头中吗? 答案肯定是否定的,本文将从源码的角度来分享一下 spring security oauth2 的解析过程,及其扩展点的应用场景. Token 解析过程说明 当我们使 ...
- ajax被token拦截,vue中封装ajax请求,并且拦截请求在请求头中添加token
/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @p ...
- axios请求拦截器在请求头中添加token
验证用户是否需要登陆,如果需要登陆在请求前在请求头中自动添加token字段. 代码: // request 拦截器 // 可以自请求发送前对请求做一些处理 request.interceptors.r ...
- mysqls压力测试怎么用_用 Swagger 测试接口,怎么在请求头中携带 Token?
松哥周末抽空给 Spring Security 系列也录制了一套视频,目录如下: 感兴趣的小伙伴戳这里-->Spring Boot+Vue+微人事视频教程 今天的话题来自一个小伙伴在微信上的提问 ...
- 需要授权的 API ,必须在请求头中使用 Authorization 字段提供 token 令牌
需要授权的 API ,必须在请求头中使用 添加字段 需要授权的 API ,必须在请求头中使用 Authorization 字段提供 token 令牌 实现方法 通过 axios 请求拦截器添加 tok ...
- 爬虫-在请求头中添加cookie键值对 访问登陆后可见的页面
关于cookie >笔记 >理解 cookie相当于病人手里的病历 cookie的格式 请求头中添加cookie键值对 练习-不使用cookie访问个人中心 访问人人网个人中心 结果是得到 ...
- 关于登录,存储token,验证本地token,请求头携带token。
1.为什么要使用token,token是什么? 官方回答: Token 是在服务端产生的.如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端.前端可以在每 ...
- token放在cookie中和放在请求头中的区别
token放在cookie中 和 放在请求 头中的区别 cookie中: 防止xss攻击,但是导致所有请求都会携带token 请求头中: 会有xss风险,而且前端需要保存token并在每次请求的时候携 ...
最新文章
- 自然语言处理基本概念
- 我的Debian 8.0 (jessie)配置文档
- 【技巧】如何让普通用户可以杀掉自己用户的会话
- (并查集 建立关系)食物链 -- POJ-- 1182
- VC++ 单文档项目显示打开的文件
- Spring事务 Transaction rolled back because it has been marked as rollback-only
- android屏幕录制鸿洋,Android之自定义View笔记(鸿洋)
- 开发好能重构的代码,都是这么干的
- 智能信贷产业进入爆发期,银行如何破解微贷难题?
- mp2555sp文件服务器,理光mp2555sp驱动
- 蚁群算法原理及Matlab实现
- 学习版origin申请安装
- 一款批量修改AE模板的工具
- android 音乐平板,酷狗音乐安卓Pad版
- 阿里巴巴达摩院又被点名表扬了,这一次是要“拯救世界”?
- matlab中霍夫线检测函数,matlab 霍夫检测
- iOS12.4越狱了!只要这几步就能越狱,方法教程
- mac配置iOS开发环境
- 乐学python公众号_《乐》字意思读音、组词解释及笔画数 - 新华字典 - 911查询
- 2020-10-21 ubuntu 打包解包压缩解压tar gz bz2 tar.Z tgz rar lha格式
热门文章
- 安卓APP_ 其他(1) —— 程序的签名打包并在手机上运行
- list java语法_java基础语法 List
- 检测机安装mysql_centos安装mysql的正确方法
- 论文信息系统项目管理的进度管理
- 学习笔记~~~~~TreeMap
- 硬件:固态硬盘SSD的基础知识及安装注意事项!
- 计算机网络基础:TCP/IP协议相关知识笔记​
- 这几款前端必备构建工具合辑,我们帮你整理好了!
- 面试中的这些坑,你踩过几个?
- .net 2005大写html标签 xhtml10,HTML10.ppt