一般在我們做項目時，我們都會通過POST請求拿到服務器給到的set-Cookies，保存在瀏覽器的Cookie里

這里需要明確一點。緩存有三類

cookie、 sessionStorage 、localStorage

cookie:

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

另外兩種是HTML5提供的：

不參與和服務器的通信；

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

sessionStorage- 瀏覽器會話關閉就跟隨消失

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

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

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

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

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

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

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

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

完美的修改為空，最后的'/'是服務端存取時的path路徑，根據(jù)服務端返回具體路徑自行修改，否則會有同key的緩存出現(xiàn)。

以上這篇基于Vue 服務端Cookies刪除的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。