基于Vue 服務(wù)端Cookies刪除的問題
一般在我們做項(xiàng)目時(shí)，我們都會(huì)通過POST請(qǐng)求拿到服務(wù)器給到的set-Cookies，保存在瀏覽器的Cookie里
這里需要明確一點(diǎn)。緩存有三類
cookie、 sessionStorage 、localStorage
cookie:
存儲(chǔ)在用戶本地終端上的數(shù)據(jù)。有時(shí)也用cookies，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行session跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)，通常經(jīng)過加密。一般應(yīng)用最典型的案列就是判斷注冊(cè)用戶是否已經(jīng)登過該網(wǎng)站。
另外兩種是HTML5提供的：
不參與和服務(wù)器的通信；
localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ),第二天、第二周或下一年之后，數(shù)據(jù)依然可用。
sessionStorage- 瀏覽器會(huì)話關(guān)閉就跟隨消失
那么了解完這三種后，在實(shí)際開發(fā)過程中服務(wù)端給的Cookie在本地測(cè)試開發(fā)時(shí)是可以被刪除的。
然而在項(xiàng)目中 放在服務(wù)器時(shí)，請(qǐng)求回來的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刪除的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
利用 vue-cli 搭建的項(xiàng)目大都是單頁面應(yīng)用項(xiàng)目，對(duì)于簡(jiǎn)單的項(xiàng)目，單頁面就能滿足要求。這篇文章主要介紹了vue.js多頁面開發(fā)環(huán)境搭建 ,需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細(xì)介紹了Vue3中useLocalStorage用法的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以了解一下2023-10-10
這篇文章主要為大家詳細(xì)介紹了Vue自定義指令的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
vue中router.beforeEach()的簡(jiǎn)單用法舉例
router.beforeEach()一般用來做一些進(jìn)入頁面的限制,比如沒有登錄,就不能進(jìn)入某些頁面,只有登錄了之后才有權(quán)限查看某些頁面,下面這篇文章主要給大家介紹了關(guān)于vue中router.beforeEach()的簡(jiǎn)單用法舉例,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了vue-router 前端路由之路由傳值的方式，本文通過兩種方式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
ElementUI實(shí)現(xiàn)在下拉列表里面進(jìn)行搜索功能詳解
有時(shí)候需要用到下拉列表全選和搜索,下面這篇文章主要給大家介紹了關(guān)于ElementUI實(shí)現(xiàn)在下拉列表里面進(jìn)行搜索功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
Vue?實(shí)現(xiàn)接口進(jìn)度條示例詳解
這篇文章主要介紹了Vue實(shí)現(xiàn)接口進(jìn)度條功能，在請(qǐng)求數(shù)據(jù)的過程中，需要添加監(jiān)聽函數(shù)來監(jiān)測(cè)數(shù)據(jù)請(qǐng)求的過程變化，并更新組件相應(yīng)的屬性和界面元素,本文結(jié)合實(shí)例代碼詳細(xì)講解，需要的朋友可以參考下2023-04-04
vuex是一個(gè)專為vue.js應(yīng)用程序開發(fā)的 狀態(tài)管理模式,它采用集中式存儲(chǔ)管理應(yīng)用的所有的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化,這篇文章主要給大家介紹了關(guān)于vue入門之vuex安裝與使用的相關(guān)資料,需要的朋友可以參考下2021-08-08
使用idea創(chuàng)建vue項(xiàng)目的圖文教程
Vue.js是一套構(gòu)建用戶界面的框架,只關(guān)注視圖層,它不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合,下面這篇文章主要給大家介紹了關(guān)于使用idea創(chuàng)建vue項(xiàng)目的相關(guān)資料,需要的朋友可以參考下2022-08-08
Vue3實(shí)現(xiàn)計(jì)算屬性的代碼詳解
計(jì)算屬性對(duì)于前端開發(fā)來說算是經(jīng)常使用的一個(gè)能力了,本文將從代碼層面來給大家介紹下Vue3是如何實(shí)現(xiàn)計(jì)算屬性的,需要的朋友可以參考下2023-07-07