在Cookie中使用Nuxt-Auth

Question

我正在尝试让Nuxt.js使用cookie身份验证。我正在使用nuxt-auth和cookie设置。Laravel后端与Passport。

我需要使用Cookie的原因是因为我计划将nuxt项目放在我的主域名上(通过登录)，然后让app.mydomainname.com用于实际的应用程序。主网站有面向公众的页面，这些页面也使用身份验证。

下面是我对nuxt-auth的nuxt.js配置：

  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" },
        },
      },
    },
  },