Laravel formで送った内容を受け取りたい時に 「419 Page Expired」のエラーが出た話

目的

• ビューのbutton要素のクリックをトリガーとしてテーブル内のレコードを削除する処理をコーディングしたが「419 Page Expired」のエラーが発生し解決した話をまとめる

実施環境

• ハードウェア環境

項目	情報
OS	macOS Catalina(10.15.3)
ハードウェア	MacBook Pro (16-inch ,2019)
プロセッサ	2.6 GHz 6コアIntel Core i7
メモリ	16 GB 2667 MHz DDR4
グラフィックス	AMD Radeon Pro 5300M 4 GB Intel UHD Graphics 630 1536 MB

• ソフトウェア環境

項目	情報	備考
PHP バージョン	7.4.3	Homwbrewを用いて導入
Laravel バージョン	7.0.8	commposerを用いて導入
MySQLバージョン	8.0.19 for osx10.13 on x86_64	Homwbrewを用いて導入

エラー内容

• ビューファイルからのボタンクリックがトリガーで指定したレコードを削除する機能を実装した。

• 削除ボタンをクリックしたところ、下記のエラー「419 Page Expired」が発生した。

  

原因

• トリガーとなっているボタンが内包されているform要素内で@csrfを記載していなかった。

問題のコード

• 削除ボタンを実装しているビューファイルの一部を記載する。

  blade.php

  <form action="/delete" method="post">
      <button type="submit" class="btn btn-danger btn-sm">削除</button>
  </form>
  

• 下記のように修正することによりエラーは解消されて要素が削除された。

  blade.php

  <form action="/delete" method="post">
      @csrf
      <button type="submit" class="btn btn-danger btn-sm">削除</button>
  </form>