Laravel 中基于 Vue cookie 的身份验证

Question

通过阅读 Laravel 文档，似乎在使用 Sanctum Vue 时将只使用基于 cookie 的身份验证。

我试图将现有应用程序（使用 Livewire 完成登录）移动到 Vue，但直接调用我的第一个 api 端点被重定向到登录页面。

所以我创建了 Larvel 的全新安装，安装了 Breeze（带有 Inertia），然后是 Sanctum，发布了配置等

但是当我登录然后访问我的测试端点（只是 returns 200 Ok）时，它会重定向到登录页面（因为我已登录，所以会重定向到 Breeze 仪表板）。

我是否需要为由 auth:sanctum 保护的端点手动执行任何操作才能通过身份验证？

更新

我设置了 axios.defaults.withCredentials，它正在返回 401 Unauthorized。我的 app.js:

axios.defaults.withCredentials = true;
axios.get('/api/test')
    .then(function (response) {
        // handle success
        console.log(response);
    })
    .catch(function (error) {
        // handle error
        console.log(error);
    })
    .then(function () {
        // always executed
    });

Answer 1

首先确保您的应用程序的 CORS 配置返回值为 True 的 Access-Control-Allow-Credentials header。这可以通过将应用程序的 config/cors.php 配置文件中的 supports_credentials 选项设置为 true.

来实现

然后，如果您使用的是 axios，则应在您的 axios 实例上启用 withCredentials 选项：

axios.get('some api url', {withCredentials: true});

或全局：

axios.defaults.withCredentials = true;

如果您没有使用 Axios 从您的前端发出 HTTP 请求，您应该自己执行等效配置 HTTP client。

Laravel 文档 Reference.

如果您使用 Postman 来测试您的 api，here 是 sanctum 身份验证请求的智能实现。基本上你必须先获取 sanctum cookie，然后在 XSRF-TOKEN header.

上发送 cookie

Laravel 中基于 Vue cookie 的身份验证

Vue cookie-based authentication in Laravel

laravel

vue.js

authentication

laravel-sanctum

laravel-breeze