質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

解決済

Laravel, formでpostするとエラー「The POST method is not supported for this route」が出る

mikeko0901
mikeko0901

総合スコア227

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

1回答

0グッド

0クリップ

157閲覧

投稿2022/11/02 03:41

Laravel9, vue3のコンポーネント中でバリデーションした後formをpost送信していますが、
以下のエラーが出て困っております。

The POST method is not supported for this route. Supported methods: GET, HEAD, PUT, PATCH, DELETE.

■ItemsCreate.vue

<template> <div> <div> <form method="post" action="{{ route('user.items.store') }}" @submit.prevent="register" enctype="multipart/form-data" name="sampleform"> <input type="hidden" name="_token" :value="csrf"> <div class="m-2"> <div class="p-2 w-full"> <div class="relative"> <label for="name" class="leading-7 text-sm text-gray-600">商品名</label> <input type="text" id="name" name="name" v-model="form.name" > </div> </div> <div class="p-2 w-full"> <div class="relative"> <label for="price" class="leading-7 text-sm text-gray-600">料金</label> <input type="number" id="price" name="price" v-model="form.price" > </div> </div> <div class="p-2 flex justify-around mt-4 w-1/2 mx-auto"> <button> formのpost </button> </div> </div> </form> </div> </div> </template> <script setup> import { reactive } from 'vue' const form = reactive({ name: null, memo: null, price: null }) // formからpostする場合はこちら const csrf = document.querySelector('meta[name="csrf-token"]').getAttribute('content') const register = () => { // バリデーション省略。 // バリデーション後submit▼ document.sampleform.submit() // submitする } </script>

■web.php

Route::resource('items', ItemController::class)->middleware(['auth', 'verified']);

■php artisan route:listの結果
イメージ説明
routeのuser.items.storeはありますが……

■controller。ItemController.php

public function store(StoreItemRequest $request) { dd($request); }

すぐにddしています。
が、エラーが出ます。
イメージ説明

<form method="post" action="{{ route('user.items.store') }}"

を、

<form method="post" action="/items"

にすると問題なくddされますが、なぜroute()の書き方だとダメなのかわかりません。。
キャッシュのクリアはしました。

php artisan cache:clear && php artisan config:clear && php artisan config:cache && php artisan route:clear && php artisan view:clear

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

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

0

ベストアンサー

"{{ route('user.items.store') }}"はPHPのコード。
vue内でPHPを書いても動くわけない。
Ziggy使えばJS側でroute()を使えるけどそんな話する段階じゃない。

投稿2022/11/02 04:18

編集2022/11/02 04:18
kawax

総合スコア9956

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

mikeko0901

2022/11/02 04:47

ありがとうございます! PHPのコードでした…

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。