Laravel5.6.24 MethodNotAllowedHttpException

Question

こちらの本の説明に沿い、載っている本管理アプリを制作していた際に発生したエラーについての質問です。

テキストエリアに文字(本のタイトル)を入力し、送信(post)を行うとMethodNotAllowedHttpExceptionが発生します。

以下に各コード

web.php

use App\Book;
use Illuminate\Http\Request;

/*ほんのダッシュボード表示*/
Route::get('/', function () {
    $books = Book::orderBy('created_at', 'asc')->get();
    return view('books',[
        'books' => $books
    ]);
});

/*新「本」を追加*/
Route::get('/books', function (Request $request) {
    //バリデーション
    $validator = Validator::make($request->all(), [ 
        'item_name' => 'required|max:255',
    ]);
    //バリデーション： エラー
    if ($validator->fails()) {
        return redirect('/')
            ->withInput()
            ->withErrors($validator);
    }
    // Eloquent モデル
    $books = new Book;
    $books->item_name = $request->item_name;
    $books->item_number = '1';
    $books->item_amount = '1000';
    $books->published = '2017-03-07 00:00:00';
    $books->save();     // 「/」 ルートにリダイレクト
    return redirect('/');
});

/*本を削除*/
Route::get('/book/{book}', function (Book $book) {
    $book->delete();
    return redirect('/');
});

books.blade.php

@extends('layouts.app')

@section('content')

<!-- Bootstrap の 定形 コード… -->

<div class="panel-body">
    <!-- バリデーションエラーの 表示 に 使用 -->
    @include('common.errors')
    <!-- バリデーションエラーの 表示 に 使用 -->

    <!-- 本 登 録 フォーム -->
    <form action="{{ url('books')}}" method="POST" class="form-horizontal">
    {{csrf_field()}}

        <!-- 本 のタイトル -->
        <div class="form-group">
            <label for="book" class="col-sm-3 control-label">Book</label>
            <div class="col-sm-6">
                <input type="text" name="item_name" id="book-name" class="form-control">
            </div>
        </div>
        
        <!-- 本 登 録 ボタン -->
        <div class="form-group">
            <div class="col-sm-offset-3 col-sm-6">
                <button type="submit" class="btn btn-default">
                <i class="glyphicon glyphicon-plus"></i> Save </button>
            </div>
        </div> 
    </form>
    @if (count($books) > 0)
        <div class="panel panel-default">
            <div class="panel-heading">
                現 在 䛾 本
            </div>
            <div class="panel-body">
                <table class="table table-striped task-table">
                    <!-- テーブルヘッダ -->
                    <thead>
                        <th> 本 一 覧 </th>
                        <th>&nbsp;</th>
                    </thead>
                    <!-- テーブル 本体 -->
                    <tbody>
                        @foreach ($books as $book)
                            <tr>
                                <!-- 本 タイトル -->
                                <td class="table-text">
                                    <div>{{ $book->item_name }}</div>
                                </td>
                                
                                <!-- 本: 削除 ボタン -->
                                <td>
                                <form action="{{ url('book/'.$book->id)}}" method="POST">
                                {{csrf_field()}}
                                {{method_field('DELETE')}}
                                
                                <button type="submit" class="btn btn-danger">
                                    <i class="glyphicon glyphicon-trash"></i> 削除
                                </button>
                                </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
</div>

<!-- Book: 既 に 登 録 されてる 本 のリスト -->
@endsection
コード

ご指摘のほどよろしくお願いします。

Answer 1

Route::get('/books', function (Request $request) {
↓
Route::post('/books', function (Request $request) {

Comments

[starororo]

迅速なご回答有難うございました。初歩的なミスで恥ずかしい限りです。