Laravel开启跨域请求的方法


Posted in PHP onOctober 13, 2019

项目中用到了接口,外部调用的时候老是请求不到,本地请求却没问题,查了下说是因为跨域的问题。

根据网上所说解决方法如下:

1、建立中间件Cors.php

命令:php artisan make:middleware Cors

在/app/Http/Middleware/ 目录下会出现一个Cors.php 文件。

2、在handle 方法中加入如下内容:

$response = $next($request);
 $response->header('Access-Control-Allow-Origin', '*');
 $response->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Cookie, Accept, multipart/form-data, application/json');
 $response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS');
 $response->header('Access-Control-Allow-Credentials', 'false');
 return $response;

其中有以下需要注意的地方:

对于跨域访问并需要伴随认证信息的请求,需要在 XMLHttpRequest 实例中指定 withCredentials 为 true。

这个中间件你可以根据自己的需求进行构建,如果需要在请求中伴随认证信息(包含 cookie,session)那么你就需要指定 Access-Control-Allow-Credentials 为 true, 因为对于预请求来说如果你未指定该响应头,那么浏览器会直接忽略该响应。

在响应中指定 Access-Control-Allow-Credentials 为 true 时,Access-Control-Allow-Origin 不能指定为 *(这个一定要注意,我就是在这个地方调了好久)

后置中间件只有在正常响应时才会被追加响应头,而如果出现异常,这时响应是不会经过中间件的。

Cors.php文件内容如下:

<?php

namespace App\Http\Middleware;

use Closure;

class Cors
{
 /**
 * Handle an incoming request.
 *
 * @param \Illuminate\Http\Request $request
 * @param \Closure $next
 * @return mixed
 */
 public function handle($request, Closure $next)
 {
 $response = $next($request);
 $response->header('Access-Control-Allow-Origin', '*');
 $response->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Cookie, Accept, multipart/form-data, application/json');
 $response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS');
 $response->header('Access-Control-Allow-Credentials', 'false');
 return $response;
 }
}

3、在 Kernel.php文件中的$middleware中加入刚刚添加的中间件:\App\Http\Middleware\Cors::class,

如:

protected $middleware = [
 \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
 \App\Http\Middleware\EncryptCookies::class,
 \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
 \Illuminate\Session\Middleware\StartSession::class,
 \Illuminate\View\Middleware\ShareErrorsFromSession::class,
 \App\Http\Middleware\Cors::class,
 ];

以下内容为网络摘抄:

跨源资源共享标准

跨源资源共享标准通过新增一系列 HTTP 头,让服务器能声明哪些来源可以通过浏览器访问该服务器上的资源。另外,对哪些会对服务器数据造成破坏性响应的 HTTP 请求方法(特别是 GET 以外的 HTTP 方法,或者搭配某些 MIME 类型的 POST 请求),标准强烈要求浏览器必须先以 OPTIONS 请求方式发送一个预请求(preflight request),从而获取知服务器端对跨源请求所支持 HTTP 方法。在确认服务器允许跨源请求的情况下,以实际的 HTTP 请求方法发送那个真正的请求。服务器端也可以通知客户端,是不是需要随同请求一起发送信用信息(包括 Cookies 和 HTTP 认证相关数据)。

跨源共享标准需要浏览器和服务端共同配合才能完成,目前浏览器厂商已经可以将请求部分自动完成,所以跨源资源访问的重点还是在于服务器端。

下面列出一些标准中可用的响应头和请求头。

Response Header

Access-Control-Allow-Origin : 指明哪些请求源被允许访问资源,值可以为 “*”,”null”,或者单个源地址。

Access-Control-Allow-Credentials : 指明当请求中省略 creadentials 标识时响应是否暴露。对于预请求来说,它表明实际的请求中可以包含用户凭证。

Access-Control-Expose-Headers : 指明哪些头信息可以安全的暴露给 CORS API 规范的 API。

Access-Control-Max-Age : 指明预请求可以在预请求缓存中存放多久。

Access-Control-Allow-Methods : 对于预请求来说,哪些请求方式可以用于实际的请求。

Access-Control-Allow-Headers : 对于预请求来说,指明了哪些头信息可以用于实际的请求中。

Origin : 指明预请求或者跨域请求的来源。

Access-Control-Request-Method : 对于预请求来说,指明哪些预请求中的请求方式可以被用在实际的请求中。

Access-Control-Request-Headers : 指明预请求中的哪些头信息可以用于实际的请求中。

Request Header

Origin : 表明发送请求或预请求的来源。

Access-Control-Request-Method : 在发送预请求时带该请求头,表明实际的请求将使用的请求方式。

Access-Control-Request-Headers : 在发送预请求时带有该请求头,表明实际的请求将携带的请求头。

Author:leedaning

以上这篇Laravel开启跨域请求的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
Jun 03 PHP
优化php效率,提高php性能的一些方法
Mar 24 PHP
php 批量替换html标签的实例代码
Nov 26 PHP
php使用base64加密解密图片示例分享
Jan 20 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
Jun 23 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
Oct 08 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
Dec 14 PHP
PHP设计模式之装饰器模式实例详解
Feb 07 PHP
PHP析构函数destruct与垃圾回收机制的讲解
Mar 22 PHP
Yii2框架控制器、路由、Url生成操作示例
May 27 PHP
PHP生成随机字符串实例代码(字母+数字)
Sep 11 PHP
PHP加MySQL消息队列深入理解
Feb 27 PHP
浅谈Laravel中的三种中间件的作用
Oct 13 #PHP
laravel config文件配置全局变量的例子
Oct 13 #PHP
Laravel 读取 config 下的数据方法
Oct 13 #PHP
laravel实现前后台路由分离的方法
Oct 13 #PHP
Laravel数据库读写分离配置的方法
Oct 13 #PHP
Laravel第三方包报class not found的解决方法
Oct 13 #PHP
php7性能提升的原因详解
Oct 13 #PHP
You might like
php下实现在指定目录搜索指定类型文件的函数
2008/10/03 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
深入理解python对json的操作总结
2017/01/05 Python
tensorflow训练中出现nan问题的解决
2018/02/10 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow
2020/04/20 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
餐饮采购员岗位职责
2014/03/15 职场文书
年会主持词结束语
2014/03/27 职场文书
机械操作工岗位职责
2014/08/08 职场文书
银行授权委托书格式
2014/10/10 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python