Angular6使用cookie存储数据且注意事项

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38712932/article/details/85832026

1、安装  ngx-cookie-service

  npm install ngx-cookie-serve

2、 引入模块且申明

2.1、引入模块并在providers提供CookieService对象

import { CookieService } from "ngx-cookie-service";

2.2、申明

private cookies: CookieService

就可以在申明的ts文件中使用cookie啦

3、cookie基本操作

（参考网上的https://blog.csdn.net/qq_39252501/article/details/79608198）

(详细用法：https://www.npmjs.com/package/ngx-cookie-service)

time: number = 2*60*60*1000;// cookie过期时间两个小时 2*60*60*1000

3.1、储存cookie

this.cookieService.set("userId",this.userId,new Date(new Date().getTime() + this.time));
this.cookieService.set("userName",response.data.name,new Date(new Date().getTime() + this.time));

3.2、读取cookie

this.cookieService.get("userId");
this.cookieService.get("userName");

3.3、重新存储cookie

this.cookieService.set("userId",this.cookieService.get("userId"),new Date(new Date().getTime() + this.time));
this.cookieService.set("userName",this.cookieService.get("userName"),new Date(new Date().getTime() + this.time));

3.4、删除cookie

this.cookieService.delete("userId");

注意事项！！！！

在存储cookie的时候，可以不用设置存活时间，最好设置存活时间，存活时间一定要是当前时间+存活时间（不然会出现无法删除这个cookie的情况）