基于Vue 服務端Cookies刪除的問題
更新時間：2018年09月21日 14:10:40 作者：_Daniel_
今天小編就為大家分享一篇基于Vue 服務端Cookies刪除的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一般在我們做項目時，我們都會通過POST請求拿到服務器給到的set-Cookies，保存在瀏覽器的Cookie里
這里需要明確一點。緩存有三類
cookie、 sessionStorage 、localStorage
cookie:
存儲在用戶本地終端上的數據。有時也用cookies，指某些網站為了辨別用戶身份，進行session跟蹤而存儲在本地終端上的數據，通常經過加密。一般應用最典型的案列就是判斷注冊用戶是否已經登過該網站。
另外兩種是HTML5提供的：
不參與和服務器的通信；
localStorage - 沒有時間限制的數據存儲,第二天、第二周或下一年之后，數據依然可用。
sessionStorage- 瀏覽器會話關閉就跟隨消失
那么了解完這三種后，在實際開發(fā)過程中服務端給的Cookie在本地測試開發(fā)時是可以被刪除的。
然而在項目中 放在服務器時，請求回來的Cookie是不能被刪除的。
若想刪除，此時我們只能設置 和 獲取 兩種辦法。
博主在Vue項目中用到了 Vue-cookies，
this.$cookies.remove("token");
當時想著直接刪除后可以進行判斷的。本地是OK的,結果發(fā)包之后發(fā)現 服務端怎么也刪除不了
之后徹底理解了三中緩存的機制后，不去刪除 而是去設置
this.$cookies.set("token",'',-1, '/');
完美的修改為空，最后的'/'是服務端存取時的path路徑，根據服務端返回具體路徑自行修改，否則會有同key的緩存出現。
以上這篇基于Vue 服務端Cookies刪除的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
利用 vue-cli 搭建的項目大都是單頁面應用項目，對于簡單的項目，單頁面就能滿足要求。這篇文章主要介紹了vue.js多頁面開發(fā)環(huán)境搭建 ,需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細介紹了Vue3中useLocalStorage用法的相關知識,文中的示例代碼講解詳細,具有一定的學習價值,感興趣的小伙伴可以了解一下2023-10-10
這篇文章主要為大家詳細介紹了Vue自定義指令的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
vue中router.beforeEach()的簡單用法舉例
router.beforeEach()一般用來做一些進入頁面的限制,比如沒有登錄,就不能進入某些頁面,只有登錄了之后才有權限查看某些頁面,下面這篇文章主要給大家介紹了關于vue中router.beforeEach()的簡單用法舉例,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了vue-router 前端路由之路由傳值的方式，本文通過兩種方式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
有時候需要用到下拉列表全選和搜索,下面這篇文章主要給大家介紹了關于ElementUI實現在下拉列表里面進行搜索功能的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了Vue實現接口進度條功能，在請求數據的過程中，需要添加監(jiān)聽函數來監(jiān)測數據請求的過程變化，并更新組件相應的屬性和界面元素,本文結合實例代碼詳細講解，需要的朋友可以參考下2023-04-04
vuex是一個專為vue.js應用程序開發(fā)的 狀態(tài)管理模式,它采用集中式存儲管理應用的所有的狀態(tài),并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化,這篇文章主要給大家介紹了關于vue入門之vuex安裝與使用的相關資料,需要的朋友可以參考下2021-08-08
Vue.js是一套構建用戶界面的框架,只關注視圖層,它不僅易于上手,還便于與第三方庫或既有項目整合,下面這篇文章主要給大家介紹了關于使用idea創(chuàng)建vue項目的相關資料,需要的朋友可以參考下2022-08-08
計算屬性對于前端開發(fā)來說算是經常使用的一個能力了,本文將從代碼層面來給大家介紹下Vue3是如何實現計算屬性的,需要的朋友可以參考下2023-07-07