基于Vue 服務(wù)端Cookies刪除的問(wèn)題
一般在我們做項(xiàng)目時(shí)，我們都會(huì)通過(guò)POST請(qǐng)求拿到服務(wù)器給到的set-Cookies，保存在瀏覽器的Cookie里
這里需要明確一點(diǎn)。緩存有三類(lèi)
cookie、 sessionStorage 、localStorage
cookie:
存儲(chǔ)在用戶本地終端上的數(shù)據(jù)。有時(shí)也用cookies，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行session跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)，通常經(jīng)過(guò)加密。一般應(yīng)用最典型的案列就是判斷注冊(cè)用戶是否已經(jīng)登過(guò)該網(wǎng)站。
另外兩種是HTML5提供的：
不參與和服務(wù)器的通信；
localStorage - 沒(méi)有時(shí)間限制的數(shù)據(jù)存儲(chǔ),第二天、第二周或下一年之后，數(shù)據(jù)依然可用。
sessionStorage- 瀏覽器會(huì)話關(guān)閉就跟隨消失
那么了解完這三種后，在實(shí)際開(kāi)發(fā)過(guò)程中服務(wù)端給的Cookie在本地測(cè)試開(kāi)發(fā)時(shí)是可以被刪除的。
然而在項(xiàng)目中 放在服務(wù)器時(shí)，請(qǐng)求回來(lái)的Cookie是不能被刪除的。
若想刪除，此時(shí)我們只能設(shè)置 和 獲取 兩種辦法。
博主在Vue項(xiàng)目中用到了 Vue-cookies，
this.$cookies.remove("token");
當(dāng)時(shí)想著直接刪除后可以進(jìn)行判斷的。本地是OK的,結(jié)果發(fā)包之后發(fā)現(xiàn) 服務(wù)端怎么也刪除不了
之后徹底理解了三中緩存的機(jī)制后，不去刪除 而是去設(shè)置
this.$cookies.set("token",'',-1, '/');
完美的修改為空，最后的'/'是服務(wù)端存取時(shí)的path路徑，根據(jù)服務(wù)端返回具體路徑自行修改，否則會(huì)有同key的緩存出現(xiàn)。
以上這篇基于Vue 服務(wù)端Cookies刪除的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vite多頁(yè)面配置項(xiàng)目實(shí)戰(zhàn)
vite官方文檔中有關(guān)于多頁(yè)面應(yīng)用模式如果配置的說(shuō)明,下面這篇文章主要給大家介紹了關(guān)于vite多頁(yè)面配置的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要介紹了vue自定義組件如何添加使用原生事件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vux+Axios攔截器增加loading的問(wèn)題及實(shí)現(xiàn)方法
這篇文章主要介紹了Vux+Axios攔截器增加loading的問(wèn)題及實(shí)現(xiàn)方法，文中通過(guò)實(shí)例代碼介紹了vue中使用axios的相關(guān)知識(shí),需要的朋友可以參考下2018-11-11
vue項(xiàng)目引入Iconfont圖標(biāo)庫(kù)的教程圖解
這篇文章主要介紹了vue項(xiàng)目引入Iconfont圖標(biāo)庫(kù)的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
vue項(xiàng)目因內(nèi)存溢出啟動(dòng)報(bào)錯(cuò)的解決方案
這篇文章主要介紹了vue項(xiàng)目因內(nèi)存溢出啟動(dòng)報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-09-09
這篇文章主要介紹了Vue3 使用axios攔截器打印前端日志，這是一種比較值得推薦的方式，也就是寫(xiě)一次，就不用總寫(xiě)console.log了。下面來(lái)看看文章的詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
vue2.x中keep-alive源碼解析(實(shí)例代碼)
Keep-Alive模式避免頻繁創(chuàng)建、銷(xiāo)毀鏈接，允許多個(gè)請(qǐng)求和響應(yīng)使用同一個(gè)HTTP鏈接，這篇文章主要介紹了vue2.x中keep-alive源碼解析,需要的朋友可以參考下2023-02-02
vue開(kāi)發(fā)環(huán)境配置跨域的方法步驟
本文介紹了使用vue-cli搭建的項(xiàng)目在開(kāi)發(fā)時(shí)配置跨域，上線后不做任何任何修改，接口也可以訪問(wèn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
element el-input directive數(shù)字進(jìn)行控制
本文介紹了vue使用directive 進(jìn)行控制的方法，使用element開(kāi)發(fā)的過(guò)程中遇到循環(huán)的數(shù)據(jù)只能輸入數(shù)字，并且有不要小數(shù)點(diǎn)，有需要小數(shù)點(diǎn)的，就有一定的參考價(jià)值，有興趣的可以了解一下2018-10-10
vue移動(dòng)端監(jiān)聽(tīng)滾動(dòng)條高度的實(shí)現(xiàn)方法
今天小編就為大家分享一篇vue移動(dòng)端監(jiān)聽(tīng)滾動(dòng)條高度的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09