laravel如何开启跨域功能示例详解


Posted in PHP onAugust 31, 2017

前言

本文主要给大家介绍了关于laravel开启跨域功能的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

跨域的请求

出于安全性的原因,浏览器会限制 Script 中的跨域请求。由于 XMLHttpRequest 遵循同源策略,所有使用 XMLHttpRequest 构造 HTTP 请求的应用只能访问自己的域名,如果需要构造跨域的请求,那么开发者需要配合浏览器做出一些允许跨域的配置。

W3C 应用工作组推荐了一种跨资源共享的机制,这种机制让 Web 应用服务器能支持跨站访问控制,从而使得安全的进行跨站数据传输成为可能,该机制通过几种方式来对原有模式进行了扩展:

  • 响应的头部应该追加 Access-Control-Allow-Orign,用来表明哪些请求源被允许访问资源内容
  • 浏览器会对请求源和响应中的值进行匹配验证
  • 对于跨域的请求,浏览器会预发送一个非简单方式的请求,来判断给定资源是否准备接受跨域资源访问
  • 服务端应用通过检查请求头部的 Orign 来判定请求是否跨域。

跨源资源共享标准

跨源资源共享标准通过新增一系列 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 : 在发送预请求时带有该请求头,表明实际的请求将携带的请求头。

中间件

在 Laravel 中允许跨域请求,我们可以构建一个追加响应的中间件,用来添加专门处理跨域的请求的响应头:

<?php namespace App\Http\Middleware;

use Closure;
use Response;
class EnableCrossRequestMiddleware {

 /**
 * 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', config('app.allow'));
  $response->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Cookie, Accept');
  $response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS');
  $response->header('Access-Control-Allow-Credentials', 'true');
  return $response;
 }

}

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

  • 对于跨域访问并需要伴随认证信息的请求,需要在 XMLHttpRequest 实例中指定 withCredentials 为 true。
  • 这个中间件你可以根据自己的需求进行构建,如果需要在请求中伴随认证信息(包含 cookie,session)那么你就需要指定 Access-Control-Allow-Credentials 为 true, 因为对于预请求来说如果你未指定该响应头,那么浏览器会直接忽略该响应。
  • 在响应中指定 Access-Control-Allow-Credentials 为 true 时,Access-Control-Allow-Origin 不能指定为 *
  • 后置中间件只有在正常响应时才会被追加响应头,而如果出现异常,这时响应是不会经过中间件的。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

PHP 相关文章推荐
利用递归把多维数组转为一维数组的函数
Oct 09 PHP
PHP 手机归属地查询 api
Feb 08 PHP
php 大数据量及海量数据处理算法总结
May 07 PHP
php操作JSON格式数据的实现代码
Dec 24 PHP
smarty巧妙处理iframe中内容页的代码
Mar 07 PHP
php实现设计模式中的单例模式详解
Oct 11 PHP
php 5.6版本中编写一个PHP扩展的简单示例
Jan 20 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
Feb 08 PHP
Laravel框架实现的使用smtp发送邮件功能示例
Mar 12 PHP
php中对象引用和复制实例分析
Aug 14 PHP
Yii redis集合的基本使用教程
Jun 14 PHP
PHP正则表达式之RCEService回溯
Apr 11 PHP
Laravel构建即时应用的一种实现方法详解
Aug 31 #PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
Aug 31 #PHP
PHP下 Mongodb 连接远程数据库的实例代码
Aug 30 #PHP
php实现与python进行socket通信的方法示例
Aug 30 #PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
Aug 30 #PHP
PHP Socket网络操作类定义与用法示例
Aug 30 #PHP
[原创]php token使用与验证示例【测试可用】
Aug 30 #PHP
You might like
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
Javascript数组及类数组相关原理详解
2020/10/29 Javascript
pycharm安装图文教程
2017/05/02 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python二元表达式用法
2019/12/04 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Python识别html主要文本框过程解析
2020/02/18 Python
Python QTimer实现多线程及QSS应用过程解析
2020/07/11 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
暑期政治学习心得体会
2014/09/02 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python