javascript - 如何保护我的单页应用程序免受 CSRF 侵害

Question

我正在构建一个单页应用程序，前端使用 vue js，后端使用 laravel。

我有几张供客人使用的联系表格。我编写了一个脚本来向 laravel api 端点发出带有数据的 post 请求。

如何防止用户滥用？除了 Google Recaptcha 还有其他方法吗？

Answer 1

您不在单页应用程序中使用 csrf token 。您需要使用在每个请求上发送的 jwt 身份验证/ token 。单页应用程序没有像普通 Laravel 应用程序那样的 session 。

查看以下thread ，我认为这个答案描述得很好:

Generally, CSRF happens when a browser automatically adds headers (i.e: Session ID within a Cookie), and then made the session authenticated. Bearer tokens, or other HTTP header based tokens that need to be added manually, would prevent you from CSRF.