Larval API 跨域问题解决

遇到的程序跨域问题，分享一下解决方法

这里报错

XMLHttpRequest cannot load http://*****. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' istherefore not allowed access.

第一步，创建中间件

在     app/Http/Middleware/   目录下创建AccessControlAllowOrigin.php，把下方完全Ctrl+c 、Ctrl+v即可

<?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);
    }
}

第二步，设置保护中间件

打开   app/Http/Kernel.php

在 protected $middleware数组中加入 \App\Http\Middleware\AccessControlAllowOrigin::class,

 

/**

     * 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,

    ];

 

在  protected $middlewareGroups数组的 api 加入 你自定义路由的名称，我这里是 diyapp

    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',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            'diyapp',
        ],
    ];

在   protected $routeMiddleware 数组中加入 'diyapp' => \App\Http\Middleware\AccessControlAllowOrigin::class,

 

protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
        'adminLogin'=>\App\Http\Middleware\AdminLogin::class,
        'doctorLogin'=>\App\Http\Middleware\DoctorLogin::class,
        'patientLogin'=>\App\Http\Middleware\PatientLogin::class,
        'userLogin'=>\App\Http\Middleware\UserLogin::class,
        'appDoctorLogin'=>\App\Http\Middleware\AppDoctorLogin::class,
        'weChatAppLogin'=>\App\Http\Middleware\WeChatAppLogin::class,
        'hospitalLogin'=>\App\Http\Middleware\HospitalLogin::class,
        'diyapp'=>\App\Http\Middleware\AccessControllerAllowOrigin::class,
    ];

这样就可以去使用自己的路由了