在创建现代化JavaScript应用程序时，单页面应用程序（SPA）越来越受欢迎。为了保护你的应用程序的安全性，并确保只有授权用户可以访问特定的资源，你需要进行身份验证。Laravel Sanctum是一个强大的工具，帮助你在SPA中实现身份验证。本文将深入介绍如何使用Laravel Sanctum实现SPA身份验证的步骤和具体操作。
何谓Laravel Sanctum？
在开始之前，让我们简单了解一下Laravel Sanctum的基本概念。Laravel Sanctum是Laravel的官方生态系统中的一部分，它为SPA提供了一组用于认证的API。它基于Laravel的默认身份验证系统，并添加了一些针对SPA的功能。使用Laravel Sanctum，你可以轻松地为你的SPA应用程序设置身份验证。
步骤一：准备工作
在开始使用Laravel Sanctum之前，首先确保你的系统满足以下要求：
运行Laravel 7或更高版本
安装了Composer依赖管理器
一个Web服务器（如Apache或NGINX）
完成了这些前提条件后，你可以继续下面的步骤。
步骤二：安装Laravel Sanctum
安装Laravel Sanctum非常简单。只需在Laravel项目中运行Composer命令即可：
composer require laravel/sanctum
完成安装后，运行数据库迁移命令以创建所需的数据表：
php artisan migrate
步骤三：配置Laravel Sanctum
要使用Laravel Sanctum，你需要配置一些设置。在config/auth.php文件中，将guard的driver设置为'sanctum'：
'guards' => [ // ... 'api' => [ 'driver' => 'sanctum', 'provider' => 'users', 'hash' => false, ], ],
然后在config/cors.php文件中，添加你的前端应用程序的URL：
'paths' => [ 'api/*', 'sanctum/csrf-cookie', 'login', 'logout', // ... ], 'allowed_methods' => ['*'], 'allowed_origins' => [ 'your-frontend-url', ], 'allowed_headers' => ['*'], 'exposed_headers' => ['Authorization', 'X-Requested-With'],
完成这些配置后，你已经成功地配置了Laravel Sanctum。
步骤四：创建API路由
现在，你需要在routes/api.php文件中定义你的API路由。
use Illuminate\Support\Facades\Route;
Route::middleware('auth:sanctum')->group(function () {
Route::get('/user', function (Request $request) {
return $request->user();
});
});这是一个简单的例子，说明如何使用Laravel Sanctum进行身份验证。你可以根据你的具体需求添加更多的路由。
步骤五：为前端应用程序设置CSRF Cookie
为了使Laravel Sanctum正常工作，你需要为前端应用程序设置一个CSRF Cookie。在Laravel项目的routes/web.php文件中添加以下路由：
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
Route::middleware('web')->get('/sanctum/csrf-cookie', function (Request $request) {
return response()->json(['message' => 'CSRF token has been set']);
});完成这一步骤后，你的前端应用程序将能够正常与Laravel Sanctum进行通信。
总结
通过使用Laravel Sanctum，你可以轻松地为你的SPA应用程序设置身份验证。本文介绍了如何安装、配置和使用Laravel Sanctum，以及如何为前端应用程序设置CSRF Cookie。希望这篇文章对你理解如何使用Laravel Sanctum实现SPA身份验证有所帮助。
