您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记

laravel解决跨域

发布时间：2020-05-31 17:27:01编辑：雪饮阅读（）

我的vue项目在localhost下，而接口是laravel5.4的在真实的服务器上面的，那么就存在了跨域问题

首先创建一个中间件

php artisan make:middleware EnableCrossRequestMiddleware

然后在app\Http\Middleware\ EnableCrossRequestMiddleware.php中编辑如

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\Log;

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') : '';
        Log::info("origin test:".$origin);
        $allow_origin = [
            'http://localhost:8000',
            '*',
            'http://localhost'
        ];
        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;
    }
}

然后app\Http\ Kernel.php中引入该中间件

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\EnableCrossRequestMiddleware::class,
 ];