nuxt 登錄狀態持久化


在plugins目錄下添加一個cache.js

export default function(ctx) {
  //離開頁面 刷新前 將store中的數據存到localStorage
  window.addEventListener('beforeunload', () => {
    sessionStorage.setItem("token", JSON.stringify(ctx.store.state))
  });
  // 獲取localStorage中的store數據
  let storeCache = sessionStorage.getItem("token")
  if (storeCache) {
    // 將localStorage中的store數據替換到store中
    ctx.store.replaceState(JSON.parse(storeCache));
  }
}

  

在nuxt.config.js中添加

plugins: [
   {src:'~/plugins/cache',ssr:false}
  ],

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM