laravel 跨域解决方案

xuexiangjys 发布于2019-06-28 14:06 / 713人阅读

摘要：然后你就会发现前端页面已经可以发送跨域请求了。会多出一次为的请求是正常的，因为浏览器要先判断该服务器是否允许该跨域请求。

我们在用 laravel 进行开发的时候，特别是前后端完全分离的时候，由于前端项目运行在自己机器的指定端口(也可能是其他人的机器) ，例如 localhost:8000 , 而 laravel 程序又运行在另一个端口，这样就跨域了，而由于浏览器的同源策略，跨域请求是非法的。其实这个问题很好解决，只需要添加一个中间件就可以了。

新建一个中间件

php artisan make:middleware EnableCrossRequestMiddleware

书写中间件内容

server("HTTP_ORIGIN") ? $request->server("HTTP_ORIGIN") : "";
        $allow_origin = [
            "http://localhost:8000",
        ];
        if (in_array($origin, $allow_origin)) {
            $response->header("Access-Control-Allow-Origin", $origin);
            $response->header("Access-Control-Allow-Headers", "Origin, Content-Type, Cookie, X-CSRF-TOKEN, Accept, Authorization, X-XSRF-TOKEN");
            $response->header("Access-Control-Expose-Headers", "Authorization, authenticated");
            $response->header("Access-Control-Allow-Methods", "GET, POST, PATCH, PUT, OPTIONS");
            $response->header("Access-Control-Allow-Credentials", "true");
        }
        return $response;
    }
}

$allow_origin 数组变量就是你允许跨域的列表了，可自行修改。

然后在内核文件注册该中间件

    protected $middleware = [
        // more
        AppHttpMiddlewareEnableCrossRequestMiddleware::class,
    ];

在 AppHttpKernel 类的 $middleware 属性添加，这里注册的中间件属于全局中间件。

然后你就会发现前端页面已经可以发送跨域请求了。

会多出一次 method 为 options 的请求是正常的，因为浏览器要先判断该服务器是否允许该跨域请求。

GPU云服务器云服务器 js跨域解决方案跨域解决办法 js ajax跨域解决方案 js跨域访问js解决方案

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/25979.html

【日常填坑】之ajax请求laravel的api接口

摘要：合适和够用是最完美的追求。比如从页面去请求的资源。它允许浏览器向跨源服务器，发出请求，从而克服了只能同源使用的限制。定义在中的路由都是无状态的，并且会应用中间件组。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganm...

Arno 2019-06-27 15:31 评论0 收藏0
【日常填坑】之ajax请求laravel的api接口

摘要：合适和够用是最完美的追求。比如从页面去请求的资源。它允许浏览器向跨源服务器，发出请求，从而克服了只能同源使用的限制。定义在中的路由都是无状态的，并且会应用中间件组。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganm...

neu 2019-08-20 14:28 评论0 收藏0
【日常填坑】之ajax请求laravel的api接口

摘要：合适和够用是最完美的追求。比如从页面去请求的资源。它允许浏览器向跨源服务器，发出请求，从而克服了只能同源使用的限制。定义在中的路由都是无状态的，并且会应用中间件组。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganm...

fuyi501 2019-08-01 16:20 评论0 收藏0
「新轮子」PHP CORS (Cross-origin resource sharing)，解决 P

摘要：而我的新轮子也并不是专门解决它的问题的，而是顺便解决而已。概述这个包，支持在所有的项目中使用。一旦出现成员，代表允许全部。列出允许跨域请求的方法列表，默认是代表所有方法。信息地址嗯，新轮子，求一波。 showImg(https://segmentfault.com/img/bV5VxN?w=844&h=656); 是的，可能了解 Laravel 的都知道，在 Laravel 中简单的设...

lbool 2019-06-28 18:34 评论0 收藏0