当会话cookie在laravel和vue应用程序中过期时如何清除本地存储答案

【问题标题】：How to clear local storage when session cookie expires in laravel and vue app当会话cookie在laravel和vue应用程序中过期时如何清除本地存储
【发布时间】：2022-09-23 23:53:27
【问题描述】：

我在 Laravel 应用程序中有一个 Vue 应用程序。在登录用户时，Laravel 会发出经过身份验证的会话 cookie，然后，我在本地存储 localStorage.setItem(\"authenticated\", \"true\") 中将身份验证设置为 true。会话到期时authenticated is still true. 会话到期时如何删除密钥？

你知道你的会议持续多长时间吗？您可能必须确定会话何时过期并将身份验证设置为 false。您将过期时间戳存储在经过身份验证的旁边，然后检查来自您的 js。
@EdenWebStudio 据我了解，默认情况下，Laravel 会话仅在闲置 120 分钟时才会过期。假设它在一小时后到期，你会怎么做？我认为这有助于尝试解决我的问题。

标签： laravel vue.js

【解决方案1】：

在你的控制器中检查 session()->get("session_name") 。

您可以在下面使用此代码，从 API 检查会话是否过期并更改您的 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>

【讨论】：