angular 使用jwt token验证

最新推荐文章于 2024-08-24 07:11:00 发布

hxc_

最新推荐文章于 2024-08-24 07:11:00 发布

阅读量8k

点赞数 1

分类专栏： angular（4+）文章标签： angular

本文链接：https://blog.csdn.net/qq_34438958/article/details/76051231

版权

本文介绍了在Angular应用中如何实现JWT Token的验证。通过创建一个常量function，将Token放入HTTP请求的header中，依赖注入并利用Angular的http服务进行封装，确保每个请求都携带Token。登录时Token存于localStorage，注销时则清除Token。

摘要由CSDN通过智能技术生成

/**
 * Created by 何欣澄 on 2017/5/28 0028.
 */
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(