前言
眾所周知我們大家在用 laravel 進行開發的時候,特別是前后端完全分離的時候,由于前端項目運行在自己機器的指定端口(也可能是其他人的機器) , 例如 localhost:8000 , 而 laravel 程序又運行在另一個端口,這樣就跨域了,而由于瀏覽器的同源策略,跨域請求是非法的。其實這個問題很好解決,只需要添加一個中間件就可以了。下面話不多說了,來隨著小編一起看看詳細的解決方案吧。
解決方案:
1、新建一個中間件
php artisan make:middleware EnableCrossRequestMiddleware
2、書寫中間件內容
?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 數組變量就是你允許跨域的列表了,可自行修改。
3、然后在內核文件注冊該中間件
protected $middleware = [ // more App/Http/Middleware/EnableCrossRequestMiddleware::class, ];
在 App/Http/Kernel 類的 $middleware 屬性添加,這里注冊的中間件屬于全局中間件。
然后你就會發現前端頁面已經可以發送跨域請求了。
會多出一次 method 為 options 的請求是正常的,因為瀏覽器要先判斷該服務器是否允許該跨域請求。
以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP !
相關推薦:
關于Laravel接收前端ajax傳來的數據解析
如何PHP中Laravel框架實現supervisor執行異步進程
以上就是如何解決laravel開發中的跨域問題的詳細內容,PHP教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答