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 相关文章推荐
基于pear auth实现登录验证
Feb 26 PHP
PHP连接SQLSERVER 注意事项(附dll文件下载)
Jun 28 PHP
深入file_get_contents函数抓取内容失败的原因分析
Jun 25 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
Jul 01 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
Nov 08 PHP
php实现将数组转换为XML的方法
Mar 09 PHP
33道php常见面试题及答案
Jul 06 PHP
Thinkphp框架开发移动端接口(2)
Aug 18 PHP
php安装扩展mysqli的实现步骤及报错解决办法
Sep 23 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
Feb 10 PHP
php 策略模式原理与应用深入理解
Sep 25 PHP
php 使用 __call实现重载功能示例
Nov 18 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读取IMAP邮件
2006/10/09 PHP
php基础知识:函数基础知识
2006/12/13 PHP
一家之言的经验之谈php+mysql扎实个人基本功
2008/03/27 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
zf框架的校验器InArray使用示例
2014/03/13 PHP
php中chdir()函数用法实例
2014/11/13 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
ES6扩展运算符的用途实例详解
2017/08/20 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
python检测是文件还是目录的方法
2015/07/03 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Python装饰器原理与用法分析
2018/04/30 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
python django中8000端口被占用的解决
2019/12/17 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
python简单实现9宫格图片实例
2020/09/03 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
socket.io 和canvas 实现的共享画板功能
2019/05/22 HTML / CSS
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
安全生产先进个人事迹材料
2014/12/30 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
走进科学观后感
2015/06/18 职场文书
社会心理学学习心得体会
2016/01/22 职场文书