问在Laravel应用程序中Ajax/Axios请求的API身份验证？

EN

你把你的Vue应用程序组件保存在laravel应用程序中。这关心的是保持会话。在布局的头中添加csrf令牌

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

如果您使用axios文档他说，它将自动添加。

默认情况下，带有令牌的Api身份验证是打开的(据我所知)。你得多走几步。

1. 在用户表、迁移、模型、寄存器控制器或要生成它们的位置添加api_token列。
2. 在Laravel的布局刀片中显示api令牌。它将把apiToken挂载到Laravel对象，让Vue看到它。

    <script>
        window.Laravel = {!! json_encode([
            'apiToken' => auth()->user()->api_token ?? null,
        ]) !!};
    </script>

在html中显示它可能有些问题，但由于它是一个单块应用程序，而且您必须登录才能将您的组件与api连接起来--这可能是可以的。

1. 将以下标题添加到axios设置中

window.axios.defaults.headers.common['Authorization'] = 'Bearer ' + Laravel.apiToken;

我希望它能帮到你。如果有人反对这种做法，我很乐意听到批评。我不喜欢在js脚本中打印php变量的这种方式。也许还有更优雅的解决方案。

编辑:还有桑太姆用于简单的api身份验证