Laravel Spark 6.0 Ajax 请求未经身份验证

Question

我正在从 vanilla Spark 6.0 安装构建应用程序。我可以登录、访问 Kiosk 并点击。

我创建了一个带有表单的新 Card 部分，并按照documentation 的指示使用 SparkForm 对象；但是每个请求都返回未经身份验证，因此我必须重新登录。

我无法让 ajax 请求进行身份验证。我创建了一个单独的 adminApi 来处理受 auth/dev/web 中间件保护的管理 ajax 请求。

非常感谢的任何想法/指针。

相关代码：

RouteServiceProvider：

public function map(Router $router)
{
    $this->mapWebRoutes($router);

    $this->mapApiRoutes($router);

    $this->mapAdminApiRoutes($router);

    //
}
...
protected function mapAdminApiRoutes(Router $router)
{
    $router->group([
        'namespace' => $this->namespace,
        'middleware' => ['dev', 'auth', 'web'],
        'prefix' => 'admin/api',
    ], function ($router) {
        require base_path('routes/adminApi.php');
    });
}

路由/adminApi.php

Route::resource('/insurers', 'Admin\InsurersController');

vue 组件 - insuranceers.js

var base = require('kiosk/users');

Vue.component('spark-kiosk-insurers', {
    mixins: [base],
    data: function() {
        return {
            showingInsurerProfile: false,
            form: new SparkForm({
                name: '',
                email:'',
                logo:''
            })
        }
    },
    props: {
        insurer: {}
    },
    methods: {
        search: function() {

        },
        create: function() {
            Spark.post('/admin/api/insurers', this.form)
            .then(response => {
                console.log(response);
            });
        },

    }
});

Answer 1

将 CSRF Token 添加到表单中，如

<meta name="csrf-token" content="{{ csrf_token() }}">

然后将以下内容添加到您的请求中：

headers: {
 'X-CSRF-TOKEN': 'Token Here' // from meta

}