如何从本地存储中删除token并在Next JS中渲染注销页面？

Question

我已经创建了下一个 js Web 应用程序，我想在令牌过期时呈现注销页面，并同时从本地存储中删除过期的令牌。如何确保此功能运行而不管应用程序中的页面用户加载如何？

在主页上使用了此功能，但在其他页面上不起作用，而我希望无论页面用户是否打开，它都可以运行。

useEffect(()=>{
    if (!token)
    localStorage.removeItem('key');
    },[])

Answer 1

您在标题中设置了此设置还是当前在何处设置了此设置？

我认为不要在

homepage

或

page.tsx

中设置它，而是在我们在所有页面中使用的

layout.tsx

或

header.tsx

中