我正在用laravel API和vuejs组件做一个网店。
如果你“添加到购物车”一个项目，它会向API发送一个post请求，在“CartData”表中使用你的会话ID创建一个记录，然后将给定的产品保存到另一个表（具有hasMany关系），称为“CartItems”，从给定的CartData设置购物车ID。
最后，它应该看起来像这样：
cartData：
| 身份证|会话ID|
| --------------|--------------|
| 四个|ASDABC123|
cartItems：
| 身份证|购物车数据标识|产品ID|产品数据|
| --------------|--------------|--------------|--------------|
| 1|四个|二| * 产品数据采用json格式 *|
但是现在，它在每个请求中生成一个新的会话数据，所以在每个“添加到购物车”点击中。但是，当我在刀片模板中执行“session（）-〉getId（）”时，它显示的是相同的会话ID。
我该怎么弥补？为什么会这样，我错过了什么吗？
vue（app）中的“buy”方法：

buy(item) {
            axios.post(
                'api/cart/add',
                {
                    product_id: item.id,
                    product_data: JSON.stringify(item),
                }).then(
                    response => {
                        console.log(response);
                        toastr.success(item.name + ' added to cart!', 'Success');
                    }).catch(error => {
                        console.log(error);
                        toastr.error('Something went wrong!', 'Error');
                    });
        },

关于CSRF部分：

* We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

import axios from 'axios';
window.axios = axios;

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

这是在bootstrap.js文件中，它被导入到app.js（主js）文件的第一行。
所以根据它的默认注解，它应该自动使用csrf令牌，不是吗？
我的头上也有这个：
<meta name="csrf-token" content="{{ csrf_token() }}">
这正好得到CSRF令牌。
编辑1：
当我按下“addToCart”，现在它只是返回419 axios错误。
我尝试了php artisan session:table然后迁移。当我尝试访问控制器中的$request->session()->getId()时（为了存储请求的会话数据，由于session()->getId()每次都返回新的会话ID，因此它抛出

local.ERROR: Session store not set on request. {"exception":"[object] (RuntimeException(code: 0): Session store not set on request.

如果我把middleware(['web'])放到路由中，它会返回axios 419错误，即使我在 meta和 * 上面写的所有内容 * 中有csrf。
我不敢相信我错过了这么重要的东西。
包含的代码片段全部在所有：
vue组件中的addToCart方法（buy）

buy(item) {
            axios.post(
                'api/cart/add',
                {
                    product_id: item.id,
                    product_data: JSON.stringify(item),
                }).then(
                    response => {
                        console.log(response);
                        toastr.success(item.name + ' added to cart!', 'Success');
                    }).catch(error => {
                        console.log(error);
                        toastr.error('Something went wrong!', 'Error');
                    });
        },

cart控制器中的addItem方法只是一个日志，在触发时推送“I GOT CALLED”。
api.php

Route::group(['middleware' => ['web'], 'controller' => CartController::class], function () {
    Route::post('cart/add', 'addItem');
});

bootstrap.js

import axios from 'axios';

window.axios = axios;

window.axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
 // this line above with the queryselector works either pushing it to window.axios and just axios. as mentioned, it shows up in the request's header.
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';