vue登录如何存储cookie_vue保持用户登录状态(各种token存储方式)
而作為前端,存儲這些值同樣有多種方式,你可以存在Cookie、LocalStorage、SessionStorage或者Vuex狀態管理器中,當然他們的作用也不同
怎么設置Cookie
HttpResponse來響應對象的cookie,設置好對應的視圖和路由,只要通過瀏覽器訪問該路由,瀏覽器就會自動獲取到cookie值并存入到本地(當瀏覽器正在運行時通常都存在內存中,當瀏覽器關閉時通常會存入硬盤中)。
Cookie的缺點:
1,cookie存儲量小;2,cookie存儲個數有限;3,增加網絡負擔;4,存在安全隱患
LocalStorage與SessionStorage存儲Token
如存入SessionStorage,在用戶登錄的時候,我們就需要將用戶名id和token存入sessionStorge,在Vue中實現同樣簡單的,通過sessionStorage.setItem或者sessionStorage[‘token’]兩種寫法都可以實現。
.then(res =>{
if(res.data['code']==200){
localStorage.clear()
localStorage.setItem('info',1)
localStorage['flag']=1
// localStorage.setItem('flag',1)
sessionStorage.clear()
// sessionStorage['userid']=JSON.stringify(res.d
總結
以上是生活随笔為你收集整理的vue登录如何存储cookie_vue保持用户登录状态(各种token存储方式)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于Java的设计开题报告_基于Java
- 下一篇: 基于vue3.0全家桶H5模板