Cors выдает только при отправке заголовков - PullRequest
Новая
       123

Cors выдает только при отправке заголовков

0 голосов
/ 13 июля 2020

У меня vueJS работает на http://localhost: 8080 , а Lumen API работает на http://stockprise.test/. Я хочу выполнить следующий запрос от vueJS к API: 

    async log() {
          await fetch("http://stockprise.test/login", {
            method: "POST",
            headers: {
              "Content-Type": "application/json"
            },
            body: JSON.stringify({email:'test@gmail.com',password:'pass123'})
          }).then(
            function(response) {
              return response.text();
            },
            function(error) {
              error.message;
            }
          );
        }

, но затем получаю следующую ошибку:

Политика CORS

Это код для Cors в люменах 

        class CorsMiddleware
    {
        /**
         * Handle an incoming request.
         *
         * @param  \Illuminate\Http\Request  $request
         * @param  \Closure  $next
         * @return mixed
         */
        public function handle($request, Closure $next)
        {
            $response = $next($request);
            $IlluminateResponse = 'Illuminate\Http\Response';
            $SymfonyResopnse = 'Symfony\Component\HttpFoundation\Response';
            $headers = [
                'Access-Control-Allow-Origin' => '*',
                'Access-Control-Allow-Methods' => 'POST, GET, OPTIONS, PUT, PATCH, DELETE',
                'Access-Control-Allow-Headers' => 'Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Authorization , Access-Control-Request-Headers',
            ];
            
            if($response instanceof $IlluminateResponse) {
                foreach ($headers as $key => $value) {
                    $response->header($key, $value);
                }
                return $response;
            }
            
            if($response instanceof $SymfonyResopnse) {
                foreach ($headers as $key => $value) {
                    $response->headers->set($key, $value);
                }
                return $response;
            }
            
            return $response;
        }
    }

И я вызываю промежуточное ПО в bootstrap / app. php middlewareApp of lumen: 

     $app->middleware([
        App\Http\Middleware\CorsMiddleware::class
    ]);

Когда я удаляю заголовки в выборке, он работает отлично, но отправляет данные в форме application / x- www-form-urlencoded, поэтому мне нужно добавить «Content-type»: " application / json " ... Есть помощь?

1 Ответ

1 голос
/ 13 июля 2020

Этот код, который я пробовал в Lumen, работает нормально 

    $headers = [
        'Access-Control-Allow-Origin'      => '*',
        'Access-Control-Allow-Methods'     => 'POST, GET, OPTIONS, PUT, DELETE',
        'Access-Control-Allow-Credentials' => 'true',
        'Access-Control-Max-Age'           => '86400',
        'Access-Control-Allow-Headers'     => 'Content-Type, Authorization, X-Requested-With',
    ];

    if ($request->isMethod('OPTIONS')) {
        return response()->json('{"method":"OPTIONS"}', 200, $headers);
    }

    $response = $next($request);

    foreach ($headers as $key => $value) {
        $response->header($key, $value);
    }

    return $response;
...