Laravelでデータベースの編集と更新がうまくいかない

Question

Laravelでフォームからアップロードした内容を、ユーザがlist.blade.phpにある編集ボタンから編集ページ(edit.blade.php)へ飛び、更新できるようにしたいのですが、うまくいきません。更新ボタンを押すと、/edit/{id}に飛んで編集ページが表示されるはずなのですが、419|Page Expiredとなってしまいます。
以下が関連部分のコードになるのですが、知恵をお貸しいただけないでしょうか。

---

web.php

Route::get('/edit/{id}', 'TestController@edit');
Route::post('/edit/{id}', 'TestController@update');

---

TestController

public function edit(Request $request)
    {
        $test = Test::findOrFail($request->id);
        return view('test.edit', ['test' => $test]);
    }

    public function update(Request $request)
    {
        $test = Test::find($request->id);
        $test->name = $request->name;
        $path = $request->file('image')->store('public/image');
        $test->image = str_replace('public/', 'storage/', $path);
        $test->save();
        return redirect('/tests')->with('flash_message', '更新が完了しました');
    }

---

list.blade.php

@extends('layouts.app')

@section('title', '投稿記事一覧')

@section('content')

<!-- フラッシュメッセージ -->
@if (session('flash_message'))
<div class="flash_message">
{{ session('flash_message') }}
</div>
@endif

<main class="mt-4">
@yield('content')
</main>
<!-- フラッシュメッセージここまで -->

<a href="/articles/create" class="btn btn-primary">新規投稿</a>
@if(count($tests) > 0)
  @foreach($tests as $test)
    <a href="/tests/{{$test->id}}">
      <div class="card my-3">
        <div class="card-body">
          <h5 class="card-title">{{$test->name}}</h5>
          <p class="card-text"><img src="/storage/image/{{$test->image}}"></p>
        </div>
        <form method="post" action="/test/delete/{{$test->id}}">
        {{ csrf_field() }}
        <input type="submit" value="削除" class="btn btn-danger mt-3" onclick='return confirm("本当に削除しますか？");'><br>
        </form>
        <form method="post" action="/edit/{{$test->id}}">
        <input type="submit" value="更新" class="btn btn-primary mt-3"> //☆更新ボタン
        <br></br>
        </form>
      </div>
    </a>
  @endforeach
@endif
@endsection

---

edit.blade.php

@extends('layouts.app')

@section('content')
<div>
    <form action="/edit/{id}" method="post">
        {{ csrf_field() }}
            料理名：<input type="text" name="name" value='{{ $test->name }}'><input type='text' name='title' value='{{ $test->title }}'><br>
            画像： <input type="file" name="image"><br>
            <input type='submit' value='投稿'>
    </form>
</div>
@endsection

よろしくお願いいたします。

Answer 1

リクエストメソッドが違うからかと。
#####web.php

- Route::post('/edit/{id}', 'TestController@update');
+ Route::patch('/edit/{id}', 'TestController@update');

#####list.blade.php

        <form method="post" action="/edit/{{$test->id}}">
+       {{ csrf_field() }}
+       {{ method_field('patch') }}
        <input type="submit" value="更新" class="btn btn-primary mt-3"> //☆更新ボタン
        <br></br>
        </form>

#####edit.blade.php

-   <form action="/edit/{id}" method="post">
+   <form action="/edit/{id}" method="get">

Comments

[toyop]

ご回答ありがとうございます。
どこらへんが間違っているかを、もうちょっと詳しくお聞かせ願えないでしょうか。
(Controllerの部分ですかね？)

[kai0310]

ルーティングファイルのリクエストメソッドは正しいかと思いますのでformのリクエストメソッドをルーティングファイルで記述されているものと対応する様にしましょう。

[toyop]

お返事ありがとうございます。
お恥ずかしい限りなのですが、Laravelを学び始めたばかりでして、formのリクエストメソッドをルーティングと対応させるというのはどういうことでしょうか。form action="/edit/{id}"かvalue='{{ $test->name }}あたりが違うような気はしているのですが、どうでしょうか。

[kai0310]

TestController@updateに関してはPHPを学習していればわかるかと。

[kai0310]

失礼ルーティングも編集させていただきました。

[toyop]

ご丁寧に教えていただき本当にありがとうございます。
patchに関しては色々調べていて見かけてはいたのですが、postで代用できるのかなと思っておりました。勉強しなおしてきます...。ご指摘くださった点を修正してみたところ、編集ページが表示されるようになりました。ありがとうございます！
また何かご縁がありましたら質問させてください。夜分遅くにありがとうございました。

[kai0310]

解決された様で何よりです。