當 laravel 和 vue 應用程序中的 session cookie 過期時如何清除本地存儲

Question

我在 Laravel 應用程序中有一個 Vue 應用程序。 在登錄用戶時，Laravel 會向用戶發出經過身份驗證的 session cookie，之后，我在本地存儲localStorage.setItem("authenticated", "true")中將 authenticated 設置為 true。 當 session 過期時， authenticated is still true. 當 session 過期時，如何移除密鑰？

Answer 1

檢查 controller 中的 session()->get("session_name")。

您可以在下面使用此代碼，只需添加您的 created() 或 mounted() 選項

從 API 檢查 session 是否已過期並更改您的 localStorage 鍵值；

<script>
export default {
 mounted() {
  fetch('http://yourserver.com/checkSession').then(async response => {
  const status = await response.json();
if(!status.session) {
localStorage.setItem("authenticated", "false")
}
})
 }
}
</script>