Laravel API跨域訪問的實現步驟

本篇文章給大家帶來的內容是關於Laravel API跨域訪問的實現步驟，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

服務器A請求服務器B的接口，那么一般會出現跨域問題。

1	XMLHttpRequest cannot load http://api.console.vms3.com/api/user. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' istherefore not allowed access.

意思就是服務器響應不允許跨域訪問.

那我們就需要讓服務器支持跨域訪問, 也就是在響應頭部中添加

1	'Access-Control-Allow-Origin: *'

第一步: 創建中間件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

創建 `app/Http/Middleware/AccessControlAllowOrigin.php` middleware 把 'Access-Control-Allow-Origin: *' 寫入頭部. app/Http/Middleware/AccessControlAllowOrigin.php <?php   namespace App\Http\Middleware;   use Closure; use Illuminate\Support\Facades\Auth;   class AccessControlAllowOrigin {     /**      *      * Handle an incoming request.      *      * @param  \Illuminate\Http\Request  $request      * @param  \Closure  $next      * @return mixed      */     public function handle($request, Closure $next)     {         header('Access-Control-Allow-Origin: *');         header("Access-Control-Allow-Credentials: true");         header("Access-Control-Allow-Methods: *");         header("Access-Control-Allow-Headers: Content-Type,Access-Token");         header("Access-Control-Expose-Headers: *");           return $next($request);     }   }

第二步: 注冊路由

注冊這個 middleware 到 kernel 中. 
分別在 protected $middleware 數組中和 protected $routeMiddleware 數組中
添加我們剛才創建的那個文件class名, 使用 cors 這個別名.

鏈接：https://pan.baidu.com/s/1v5gm7n0L7TGyejCmQrMh2g 提取碼：x2p5

免費分享，但是X度限制嚴重，如若鏈接失效點擊鏈接或搜索加群 群號518475424。

第三步: 設置中間件保護接口

然后在設置它保護 api , 就是$middlewareGroups['api'] 的數組中添加它的別名, 本文中是 'cors'
app/Http/Kernel.php

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63

<?php   namespace App\Http;   use Illuminate\Foundation\Http\Kernel as HttpKernel;   class Kernel extends HttpKernel {     /**      * The application's global HTTP middleware stack.      *      * These middleware are run during every request to your application.      *      * @var array      */     protected $middleware = [         \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,         \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,         \App\Http\Middleware\TrimStrings::class,         \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,         \App\Http\Middleware\AccessControlAllowOrigin::class,     ];       /**      * The application's route middleware groups.      *      * @var array      */     protected $middlewareGroups = [         'web' => [             \App\Http\Middleware\EncryptCookies::class,             \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,             \Illuminate\Session\Middleware\StartSession::class,             // \Illuminate\Session\Middleware\AuthenticateSession::class,             \Illuminate\View\Middleware\ShareErrorsFromSession::class,             \App\Http\Middleware\VerifyCsrfToken::class,             \Illuminate\Routing\Middleware\SubstituteBindings::class,         ],           'api' => [             'throttle:60,1',             'bindings',             'cors'         ],     ];       /**      * The application's route middleware.      *      * These middleware may be assigned to groups or used inpidually.      *      * @var array      */     protected $routeMiddleware = [         'auth' => \Illuminate\Auth\Middleware\Authenticate::class,         'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,         'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,         'can' => \Illuminate\Auth\Middleware\Authorize::class,         'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,         'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,         'cors' => \App\Http\Middleware\AccessControlAllowOrigin::class,     ]; }

第四步：在路由中添加路由

1 2 3

Route::middleware('cors')->group(function () {     // });

以上就是Laravel API跨域訪問的實現步驟的詳細內容。