我可以将 Laravel Sanctum 令牌身份验证与 Nuxt/Auth 一起使用吗？

Question

我正在尝试使用 Sanctum 与 nuxt/auth 一起获得令牌身份验证，但其中一些功能似乎不起作用。

我有一个通过用户名/电子邮件和密码对用户进行身份验证的端点，在 API 方面没有问题，它返回具有正确范围的个人访问令牌。

但是，在 nuxt/auth 中，setUserToken 和 setUser 方法都应该能够处理用户登录，以不同的方式授予，但是这两种方法都没有完成它应该做的事情。

this.$auth.loginWith('sanctum', {
    data: this.form
}).then((response) => {
    // this should set the token to storage
    // then fetch the user with the token 
    // but it only sets the token to storage
    this.$auth.setUserToken(response.data)
    .then(() => {
        // so I have to fetch the user myself with VuexORM
        this.user.api().get('/me')
        .then((result) => {
            // my user is set to the model, but not to auth
            this.$auth.setUser(result.response.data) // sets user but won't set loggedIn to true.
        })
    })
}).catch((e) => {
    console.log(e.message)
})

所以在这一切都失败的时候，我错过了什么吗？还是我应该完全跳过nuxt/auth？

Answer 1

它适用于Nuxt/Auth，但使用Nuxt/Auth 文档给出的sanctum 策略使用基于cookie 的身份验证，您可以使用local 策略进行基于token 的身份验证与sanctum。

您不需要手动setUserToken 或setUser，如果您配置正确，Nuxt/Auth 会为您完成。

您可以像下面这样配置它，根据您的端点进行更改：

  auth: {
    strategies: {
      local: {
        token: {
          property: 'token',
        },
        user: {
          property: false,
        },
        endpoints: {
          login: { url: '/auth/login', method: 'post' },
          logout: { url: '/auth/logout', method: 'post' },
          user: { url: '/auth/user', method: 'get' }
        }
      }
    }
  },

并确保在用户通过['token' => $user->createToken('login')->plainTextToken]登录Laravel后返回token