Laravel(Homestead) Sanctum 无法与单独的 Vue 应用程序一起使用答案

【问题标题】：Laravel(Homestead) Sanctum not working with Seperate Vue appLaravel(Homestead) Sanctum 无法与单独的 Vue 应用程序一起使用
【发布时间】：2021-08-27 21:15:06
【问题描述】：

我跑了

 php artisan serve

我的 laravel 应用在 localhost:8000 成功解析

Laravel Sanctum 配置

 SESSION_DRIVER=cookie
 SESSION_DOMAIN=localhost
 SANCTUM_STATEFUL_DOMAINS=localhost:8080

我的 vue 应用在 localhost:8080 上解析

 async loginUser() {
    try {
    await this.$axios.get('/csrf-cookie');
    await this.$axios.post('/login', this.payload);
    this.$router.push("/verify/account");
  } catch(error) {
    let errors = error.response.data.errors;
    for (let field of Object.keys(errors)) {
    this.$toast.error(errors[field][0], 'error');
  }
}

这可行并且用户已登录，但 GET、POST 请求始终返回未经身份验证的 401。我检查了请求标头并发送了 cookie 和 X-XSRF-TOKEN，但我每次都收到 401。

【问题讨论】：

标签： javascript laravel vue.js laravel-sanctum

【解决方案1】：

似乎仍然需要为请求发送令牌，如果嵌入了 Vue 应用程序，只有 cookie 起作用，如果 cookie 不存在，它会检查令牌。 Sanctum 比 Passport 精简得多，但 Stateless 和 Stateful auth 有效。

【讨论】：