LaravelでGetを記述しているにも関わらず、”GET method is not supported”と出る。

Question

入力フォームで、送信ボタンをクリックすると、入力した値がPOSTされ、DBに格納されてから、'/'にリダイレクトする処理としているつもりなのですが、送信ボタンを押すと以下のようなメッセージが出て、どうもルート処理がきちんとできていないようです。

その箇所が分からないので、教えていただきたいです。

The GET method is not supported for this route. Supported methods: POST.

<?php

use App\Laboratory;
use Illuminate\Http\Request;

Route::group(['middleware' => ['web']], function () {

    //研究室サイトダッシュボード表示
    Route::get('/', function ()
    {
        return view('laboratories');
    });

    Route::post('/laboratories', function (Request $request) {
        $validator = Validator::make($request->all(), [
          'lab_name' => 'required|min:3|max:32',
        ]);

      //バリテーション:エラー
      if($validator->fails()) {
        return redirect('/')
        ->withInput()
        ->withError($validator);
      }

      //研究室のDBにデータを格納
      //Eloquentモデル (=MySQL記述なしにデータベース管理をしてくれる)

      $today = date("Y-m-d H:i:s");   //現在時刻の取得

      $laboratories = new Laboratory;
      $laboratories->lab_name = $request->lab_name;
      $laboratories->lab_univ = "東京大学";
      $laboratories->lab_evaluation = '4';
      $laboratories->add_time = $today;
      $laboratories->save();
      return redirect('/');
    });

});


Route::delete('/laboratory{laboratory}', function (Laboratory $laboratory) {
});

Auth::routes(); //認証機能を使用する。

Route::get('/home', 'HomeController@index')->name('home');

@extends('layouts.app')
@section('content')

  <!--Bootstrapの定形コード-->
  <div class="card-body">
    <div class="card-title">
      研究室一覧
    </div>
  </div>

  <!--バリテーションエラーの表示に使用-->
  @include('common.errors')
  <!--end:バリテーションエラーの表示に使用-->

  <!--研究室登録フォーム-->
  <form action="{{ url('laboratories') }}" methood="POST" class="form-horizontal">
    {{ csrf_field() }}

      <!--研究室の名前-->
      <div class="form-groupe">
        <div class="col-sm-6">
          <input type="text" name="lab_name" class="form-control">
        </div>
      </div>

      <!--研究室 登録ボタン-->
      <div class="form-groupe">
        <div class="col-offset-3 col-sm-6">
          <button type="submit" class="btn btn-primary">送信する</button>
        </div>
      </div>
  </form>

  <!--現在登録済みの研究室一覧-->
@endsection

---

確認済みの事項

POSTするときに指定したURLは、意図通りのURLとなっていました。

Answer 1

フォームのメソッドのつづりが間違ってます。
methood

method

Comments

[m.ts10806]

当回答以外に原因が考えられないので、補足としてぶら下がらせていただきます。

質問本文より：
> POSTするときに指定したURLは、意図通りのURLとなっていました。

ですが、「POSTしたら処理してどうなっていても'/'のリダイレクト」が仕様なら、URLは'/'となってないとおかしいですよね。
formにmethodが指定されないとデフォルト値は「GET」でリクエストが送信されますので、'/laboratories'にGET送信される→ルーティングにない→GETメソッドは設定にない　となっているわけです。