在同一台 PC 中对多个应用程序使用 nuxt.js 身份验证

Question

我有两个应用程序使用 auth 模块和 nuxt.js 在我的电脑上运行。 我在两个应用程序中都使用了本地授权策略。

我在第一个应用程序中登录（验证）时遇到问题，第二个应用程序不要求进行身份验证（同一台 PC 中的两个应用程序）。

我必须删除带有身份验证数据的本地存储，以便我的第二个应用程序要求登录以进行身份验证。

我的 nuxt auth 设置在 nuxt.config.js 中是：

auth: {
    localStorage: {
      prefix: 'auth.',
    },
    strategies: {
      local: {
        scheme: 'refresh',
        token: {
          property: 'data.access_token',
          maxAge: 1800,

          type: 'Bearer',
          required: true,
        },
        refreshToken: {
          property: 'data.refresh_token',
          maxAge: 60 * 60 * 24 * 30,
        },
        user: {
          property: 'data',
          autoFetch: true,
        },
        endpoints: {
          login: {
            url: 'user/login',
            method: 'post',
          },
          refresh: { url: 'user/refreshToken', method: 'post' },
          user: { url: 'user/me', method: 'get' },
          logout: false,
        },
      },
    },
    redirect: {
      login: '/login',
      logout: '/login',
      // callback: '/dash',
      // home: '/clientes',
      home: '/',
    },
  },

配置中是否有一些特殊设置来避免它我尝试使用不同的 localstore 前缀，但看不到

Answer 1

NuxtJs 默认启用 localStorage 作为 session 持久化引擎。

auth: {
  localStorage: {
    prefix: 'auth.'
  }
}

您需要在 localStorage 配置中为每个项目提供不同的前缀（当然，如果您打算继续使用 localStorage）。 这应该确保两个应用程序不会在同一个密钥中查找 session 令牌。

这就是你要找的https://auth.nuxtjs.org/api/options/#localstorage

cookies 也有一个选项，但逻辑保持不变。