Angular6 使用cookie存储数据方法及相关注意事项

1、安装  ngx-cookie-service
npm install ngx-cookie-service
 

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的情况）