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 相关文章推荐
WIN98下Apache1.3.14+PHP4.0.4的安装
Oct 09 PHP
php自动跳转中英文页面
Jul 29 PHP
PHP curl 获取响应的状态码的方法
Jan 13 PHP
Codeigniter整合Tank Auth权限类库详解
Jun 12 PHP
php图片处理函数获取类型及扩展名实例
Nov 19 PHP
php通过文件流方式复制文件的方法
Mar 13 PHP
DEDECMS首页调用图片集里的多张图片
Jun 05 PHP
PHP设置进度条的方法
Jul 08 PHP
php PDO判断连接是否可用的实现方法
Apr 03 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
Jun 07 PHP
浅谈PHP中new self()和new static()的区别
Aug 11 PHP
一文搞懂php的垃圾回收机制
Jun 18 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
mysql中存储过程、函数的一些问题
2007/02/14 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
PHP 错误处理机制
2015/07/06 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
python之文件读取一行一行的方法
2018/07/12 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
django之自定义软删除Model的方法
2019/08/14 Python
Python Selenium参数配置方法解析
2020/01/19 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
What is EJB
2016/07/22 面试题
毕业生自荐信的主要内容
2013/10/29 职场文书
建房协议书
2014/04/11 职场文书
中层干部培训方案
2014/06/16 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
初中教师个人工作总结
2015/02/10 职场文书
辩论赛新闻稿
2015/07/17 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
k8s部署redis cluster集群的实现
2021/06/24 Redis