无法在 Vue.js 和 Laravel 应用程序中获取 cookie 数据

Question

我正在为 Laravel 6 中的应用程序构建一个 api，可以说它位于 example.com/api，而 SPA 前端内置在 vue 中，可以说它位于 example.com。当用户通过身份验证时，我的 API 设置了一个 cookie 我想在我的 vue.js 应用程序中访问该 cookie，我已经安装了 vue-cookies 我可以看到 cookie 存在于开发工具中，但是当我运行 $cookies.get('cookie_name') 它返回空值。

我做错了什么？

这是我在 API 中创建 cookie 的方法，

$payload = [
        'user_id' => $user->id,
        'name' => $user->id
    ];

    Session::put('user', $payload);
    Session::save();
    $session_id = Session::getId();

    $cookie = cookie('cookie_name', $session_id);

Answer 1

默认情况下，Laravel 没有任何 api 路由上的 cookie 所需的中间件。

API 通常是无状态的，因此不使用 cookie。

但是，您可以通过将中间件 \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class 添加到 Http\Kernel.php 中的 api 组来启用此功能

 protected $middlewareGroups = [
    'web' => [
        \App\Http\Middleware\EncryptCookies::class,
        \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
        \Illuminate\Session\Middleware\StartSession::class,
        // \Illuminate\Session\Middleware\AuthenticateSession::class,
        \Illuminate\View\Middleware\ShareErrorsFromSession::class,
        \App\Http\Middleware\VerifyCsrfToken::class,
        \Illuminate\Routing\Middleware\SubstituteBindings::class,
        \Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,
        \App\Http\Middleware\NoSuperUserOnFrontEnd::class
    ],

    'api' => [
        'throttle:60,1',
        'bindings',
        \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, <- add this

    ],
];