前言
眾所周知我們大家在用 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è)中間件就可以了。下面話不多說(shuō)了,來(lái)隨著小編一起看看詳細(xì)的解決方案吧。
解決方案:
1、新建一個(gè)中間件
php artisan make:middleware EnableCrossRequestMiddleware
2、書(shū)寫(xiě)中間件內(nèi)容
?phpnamespace App/Http/Middleware;use Closure;html' target='_blank'>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 類的 $middleware 屬性添加,這里注冊(cè)的中間件屬于全局中間件。
然后你就會(huì)發(fā)現(xiàn)前端頁(yè)面已經(jīng)可以發(fā)送跨域請(qǐng)求了。
會(huì)多出一次 method 為 options 的請(qǐng)求是正常的,因?yàn)闉g覽器要先判斷該服務(wù)器是否允許該跨域請(qǐng)求。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP !
相關(guān)推薦:
關(guān)于Laravel接收前端ajax傳來(lái)的數(shù)據(jù)解析
如何PHP中Laravel框架實(shí)現(xiàn)supervisor執(zhí)行異步進(jìn)程
以上就是如何解決laravel開(kāi)發(fā)中的跨域問(wèn)題的詳細(xì)內(nèi)容,PHP教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選