laravel+vue项目前后端分离CSRF_TOKEN设置

最新推荐文章于 2024-10-21 13:34:59 发布

Lin檬不酸

最新推荐文章于 2024-10-21 13:34:59 发布

阅读量2.6k

点赞数 2

分类专栏：问题解决文章标签： laravel vue php

本文链接：https://blog.csdn.net/qq_41901534/article/details/106247005

版权

本文介绍了在laravel+vue的前后端分离项目中，如何设置和处理CSRF_TOKEN的问题。通过创建Middleware解决跨域问题，设置获取CSRF_TOKEN的路由，并在vue中设置请求头部信息，实现安全的数据交互。

摘要由CSDN通过智能技术生成

laravel+vue项目前后端分离CSRF_TOKEN设置

为了更方便的管理项目，采用了前后端分离，分别独立管理。在进行数据交互的时候遇到了CSRF_TOKEN相关设置的问题。

一般laravel项目的CSRF_TOKEN的设置都在blade.html中设置

在blade.html中设置的方式很简单，添加以下代码即可：

{
  {csrf_field()}}

laravel+vue前后端分离

阿lin我的项目是前后端分离、独立的，不使用laravel的balde，所以在进行post的操作时需要验证CSRF_TOKEN。刚遇到这个问题时，在网上一搜索都是关于在blade前提下的设置，所以当我解决后，就打算赶紧分享给大家，嘻嘻嘻

首先创建一个Middleware解决跨域问题

在EnableCrossRequestMiddleware设置响应头部信息，源码如下：

namespace App\Http\Middleware;

use Closure;

class EnableCrossRequestMiddleware
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request $request
     * @param  \Closure $next
     * @return mixed
     */
    public function handle($request, Closure $next