laravel開(kāi)發(fā)中跨域的解決方案
前言
眾所周知我們大家在用 laravel 進(jìn)行開(kāi)發(fā)的時(shí)候,特別是前后端完全分離的時(shí)候,由于前端項(xiàng)目運(yùn)行在自己機(jī)器的指定端口(也可能是其他人的機(jī)器) , 例如 localhost:8000 , 而 laravel 程序又運(yùn)行在另一個(gè)端口,這樣就跨域了,而由于瀏覽器的同源策略,跨域請(qǐng)求是非法的。其實(shí)這個(gè)問(wèn)題很好解決,只需要添加一個(gè)中間件就可以了。下面話(huà)不多說(shuō)了,來(lái)隨著小編一起看看詳細(xì)的解決方案吧。
解決方案:
1、新建一個(gè)中間件
php artisan make:middleware EnableCrossRequestMiddleware
2、書(shū)寫(xiě)中間件內(nèi)容
<?php
namespace App\Http\Middleware;
use Closure;
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);
$origin = $request->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 數(shù)組變量就是你允許跨域的列表了,可自行修改。
3、然后在內(nèi)核文件注冊(cè)該中間件
protected $middleware = [ // more App\Http\Middleware\EnableCrossRequestMiddleware::class, ];
在 App\Http\Kernel 類(lèi)的 $middleware 屬性添加,這里注冊(cè)的中間件屬于全局中間件。
然后你就會(huì)發(fā)現(xiàn)前端頁(yè)面已經(jīng)可以發(fā)送跨域請(qǐng)求了。
會(huì)多出一次 method 為 options 的請(qǐng)求是正常的,因?yàn)闉g覽器要先判斷該服務(wù)器是否允許該跨域請(qǐng)求。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
php實(shí)現(xiàn)當(dāng)前頁(yè)面點(diǎn)擊下載文件的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇php實(shí)現(xiàn)當(dāng)前頁(yè)面點(diǎn)擊下載文件的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
laravel多條件查詢(xún)方法(and,or嵌套查詢(xún))
今天小編就為大家分享一篇laravel多條件查詢(xún)方法(and,or嵌套查詢(xún)),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
Zend Framework教程之Resource Autoloading用法實(shí)例
這篇文章主要介紹了Zend Framework教程之Resource Autoloading用法,結(jié)合實(shí)例形式分析了Resource Autoloading實(shí)現(xiàn)自動(dòng)加載的原理及具體使用方法,需要的朋友可以參考下2016-03-03
Thinkphp5.0自動(dòng)生成模塊及目錄的方法詳解
這篇文章主要介紹了Thinkphp5.0自動(dòng)生成模塊及目錄的方法,簡(jiǎn)單分析了Thinkphp5.0的結(jié)構(gòu)、目錄、創(chuàng)建與運(yùn)行方法,需要的朋友可以參考下2017-04-04
Laravel jwt 多表(多用戶(hù)端)驗(yàn)證隔離的實(shí)現(xiàn)
這篇文章主要介紹了Laravel jwt 多表(多用戶(hù)端)驗(yàn)證隔離的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
ThinkPHP框架分布式數(shù)據(jù)庫(kù)連接方法詳解
這篇文章主要介紹了ThinkPHP框架分布式數(shù)據(jù)庫(kù)連接方法,結(jié)合實(shí)例形式詳細(xì)分析了thinkPHP框架針對(duì)分布式數(shù)據(jù)庫(kù)的連接方法、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-03-03

