如何添加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));
}
}
最新文章
- 关于imageOrientation
- VS2013常用快捷键
- 自动生成pdf书签(仅适用于Adobe Acrobat on windows )
- Bootstrap3.0学习第十六轮(进度条、媒体对象、列表组、面板)
- July 11th, Week 29th Monday, 2016
- Bootstrap CSS 描述
- MLE MAP EM
- CSS Selector (part 1)
- MFC 显示CImg图片
- linux周期性计划任务 进程管理
- 用js来实现那些数据结构(数组篇03)
- Array.sort()
- [20171110]sql语句相同sql_id可以不同吗.txt
- iris数据集(.csv .txt)免费下载
- mysql数据库忘记密码时如何修改
- oracle存储过程,sql语句执行时间
- 联想y720 淋了雨,字体变得模糊了
- dwr框架使用总结——简单示例
- 使用MySQLMTOP监控MySQL性能(一)
- JavaScript返回上一页和返回上一级页面并刷新