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