使用Vue怎么刪除服務(wù)端的Cookies

使用Vue怎么刪除服務(wù)端的Cookies？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

cookie、 sessionStorage 、localStorage

cookie:

存儲在用戶本地終端上的數(shù)據(jù)。有時也用cookies，指某些網(wǎng)站為了辨別用戶身份，進行session跟蹤而存儲在本地終端上的數(shù)據(jù)，通常經(jīng)過加密。一般應(yīng)用最典型的案列就是判斷注冊用戶是否已經(jīng)登過該網(wǎng)站。

另外兩種是HTML5提供的：

不參與和服務(wù)器的通信；

localStorage - 沒有時間限制的數(shù)據(jù)存儲,第二天、第二周或下一年之后，數(shù)據(jù)依然可用。

sessionStorage- 瀏覽器會話關(guān)閉就跟隨消失

那么了解完這三種后，在實際開發(fā)過程中服務(wù)端給的Cookie在本地測試開發(fā)時是可以被刪除的。

然而在項目中 放在服務(wù)器時，請求回來的Cookie是不能被刪除的。

若想刪除，此時我們只能設(shè)置 和 獲取 兩種辦法。

博主在Vue項目中用到了 Vue-cookies，

this.$cookies.remove("token");

當時想著直接刪除后可以進行判斷的。本地是OK的,結(jié)果發(fā)包之后發(fā)現(xiàn) 服務(wù)端怎么也刪除不了

之后徹底理解了三中緩存的機制后，不去刪除 而是去設(shè)置

this.$cookies.set("token",'',-1, '/');

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫只關(guān)注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。

看完上述內(nèi)容，你們掌握使用Vue怎么刪除服務(wù)端的Cookies的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！