Angular и Lumen не хотят общаться через запрос PUT

Question

Я создал интерфейс Rest API с Lumen, который должен обрабатываться с помощью Angular HTTP Requests.

Теперь проблема в том, что если я обращаюсь к маршруту /api/blog с PUT, я получаю метод 405, не разрешенный из Lumen. Я уже написал промежуточное программное обеспечение для CORS, которое также позволяет использовать методы, включая PUT. Я также использую JWT для аутентификации клиента.

Мне нужна твоя помощь.

BlogInformationService:

import {Injectable} from '@angular/core';
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {environment} from '../../environments/environment';
import {BlogInformation} from '../models/BlogInformation';

@Injectable()
export class BlogInformationService {
  private endPoint = environment.apiUrl + '/api/blog';

  constructor(private http: HttpClient) {
  }

  getAll() {
    return this.http.get<BlogInformation[]>(this.endPoint);
  }

  getByHash(hash: string) {
    return this.http.get<BlogInformation>(this.endPoint + '/' + hash);
  }

  create(blogInformation: BlogInformation) {
    return this.http.post(this.endPoint + '/add', blogInformation);
  }

  update(blogInformation: BlogInformation) {
    const httpOptions = {
      headers: new HttpHeaders({
        'Authorization': localStorage.getItem('access_token')
      })
    };
    return this.http.put(this.endPoint, blogInformation, httpOptions);
  }

  delete(blogInformation: BlogInformation) {

  }
}

Lumen Routing:

$router->group([
    "middleware" => [
        "authMiddleware",
        "secureBlogMiddleware"
    ]
], function ($router) {
    $router->post('/api/blog/add', ["uses" => "BlogController@addBlog"]);
    Route::put("/api/blog", "BlogController@editBlog");
});

Cors Middleware:

<?php

namespace App\Http\Middleware;


class CorsMiddleware
{
    public function handle($request, \Closure $next)
    {
        $response = $next($request);
        $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers'));
        $response->header('Access-Control-Allow-Method', 'POST, GET, OPTIONS, PUT, DELETE');
        $response->header('Access-Control-Allow-Origin', '*');
        return $response;
    }
}

Middleware Config:

/*
|--------------------------------------------------------------------------
| Register Middleware
|--------------------------------------------------------------------------
|
| Next, we will register the middleware with the application. These can
| be global middleware that run before and after each request into a
| route or middleware that'll be assigned to some specific routes.
|
*/

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

Заголовок запроса:

OPTIONS /api/blog HTTP/1.1
Host: localhost:8000
Connection: keep-alive
Access-Control-Request-Method: PUT
Origin: http://localhost:4200
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36
Access-Control-Request-Headers: authorization,content-type
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7

Заголовок ответа:

HTTP/1.0 405 Method Not Allowed
Host: localhost:8000
Date: Fri, 04 May 2018 14:06:23 +0000
Connection: close
X-Powered-By: PHP/7.2.4
Allow: GET, PUT
Cache-Control: no-cache, private
Date: Fri, 04 May 2018 14:06:23 GMT
Access-Control-Allow-Headers: authorization,content-type
Access-Control-Allow-Method: POST, GET, OPTIONS, PUT, DELETE
Access-Control-Allow-Origin: *
Content-type: text/html; charset=UTF-8

Answer 1

Люмен, как читы Laravel с запросами PUT / PATCH и т. Д. Это должны быть запросы POST с дополнительной переменной POST _method, установленной на тип запроса (например, PUT.

).

Answer 2

попробуйте изменить

Route::put("/api/blog", "BlogController@editBlog");

для

$router->put("/api/blog", "BlogController@editBlog");