Javascript PWA with Next.js-保留用户登录

Javascript PWA with Next.js-保留用户登录,javascript,reactjs,next.js,progressive-web-apps,Javascript,Reactjs,Next.js,Progressive Web Apps,我目前正在使用一个带有next.js的PWA。目前,我的用户使用firebase登录,然后可以访问那里的仪表板等 我遇到的问题是,在手机上,每次注销时,用户的身份验证都会被破坏 我想知道-如果是这种情况,管理PWA身份验证的最佳方法是什么 这是我的PWA设置 const withPWA = require('next-pwa') const runtimeCaching = require('next-pwa/cache') const withBundleAnalyzer = requir

我目前正在使用一个带有next.js的PWA。目前,我的用户使用firebase登录,然后可以访问那里的仪表板等

我遇到的问题是,在手机上,每次注销时,用户的身份验证都会被破坏

我想知道-如果是这种情况,管理PWA身份验证的最佳方法是什么

这是我的PWA设置

const withPWA = require('next-pwa')
const runtimeCaching = require('next-pwa/cache')


const withBundleAnalyzer = require('@next/bundle-analyzer')({
    enabled: process.env.ANALYZE === 'true',
  })

module.exports = withPWA({
  pwa: {
    dest: 'public',
    runtimeCaching,
  },
  poweredByHeader: false,
},
withBundleAnalyzer(),

)

该网站是

提前感谢,

{
  "name": "MoodMap",
  "short_name": "MoodMap",
  
  "display": "fullscreen",
  "background_color": "#fdfdfd",
  "theme_color": "#db4938",
  "orientation": "portrait-primary",
  "scope": "/",
  "start_url": "/dashboard/Home",
  "icons": [
    {
      "src": "icons/manifest-icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "icons/Logo_512px.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "icons/maskable_icon.png",
      "sizes": "540x540",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ],
  "splash_pages": null
}