将 Nuxt-Auth 与 Cookie 结合使用

Question

我正在尝试让 Nuxt.js 使用 cookie 身份验证。我正在使用带有 cookie 设置的 nuxt-auth。 Laravel 带护照的后端。

我需要使用 Cookies 的原因是因为我计划将 nuxt 项目放在我的主域名上（需要登录），然后 app.mydomainname.com 用于实际应用程序。主网站有 public 个也使用身份验证的对开页面。

这是我的 nuxt.js nuxt-auth 配置：

  auth: {
    local: false,
    redirect: {
      login: "/login",
      logout: "/login",
      callback: "/login",
      home: false,
    },
    strategies: {
      cookie: {
        token: {
          property: "data.access_token",
        },
        user: {
          property: "data",
        },
        endpoints: {
          login: {
            url: "v1/auth/login",
            method: "post",
            propertyName: "access_token",
          },
          logout: { url: "/v1/auth/logout", method: "delete" },
          user: { url: "/v1/settings", method: "get" },
        },
      },
    },
  },

登录工作正常，但是当我查看我的 editthiscookie chrome 插件时，cookie 没有设置，因此对 /settings 的调用不起作用：

如您所见，cookie 只是被设置为 true 而不是访问令牌。

任何有关配置的帮助都会有所帮助。

谢谢

Answer 1

想通了。我必须在令牌配置中设置 required: true 和 type: "Bearer"。

所以现在看起来像这样：

auth: {
    redirect: {
      login: "/login",
      logout: "/login",
      callback: "/login",
      home: false,
    },
    strategies: {
      local: false,
      cookie: {
        token: {
          property: "data.access_token",
          required: true,
          type: "Bearer",
        },
        user: {
          property: "data",
        },
        endpoints: {
          login: {
            url: "v1/auth/login",
            method: "post",
          },
          logout: { url: "/v1/auth/logout", method: "delete" },
          user: { url: "/v1/settings", method: "get" },
        },
      },
    },
  },

将 Nuxt-Auth 与 Cookie 结合使用

Using Nuxt-Auth with Cookie

vue.js

nuxt.js

nuxt-auth