此路由不支持 GET 方法。支持的方法：Laravel livewire 中的 POST答案

【问题标题】：The GET method is not supported for this route. Supported methods: POST in Laravel livewire此路由不支持 GET 方法。支持的方法：Laravel livewire 中的 POST
【发布时间】：2021-01-23 05:00:51
【问题描述】：

抱歉，我在 laravel livewire 中遇到了路由问题。我想通过连续单击提交按钮（当然是在给出响应之后）在我的网站上测试我的登录表单验证，然后在第五 (5) 次单击我有一个问题“此路由不支持 GET 方法。支持方法：POST”。有谁知道这个问题？因为我也在localhost上的一个简单表单上试了一下，没有报错。

我使用 laravel livewire 2.2

这是我网站上的代码，

刀片

<form wire:submit.prevent="check">
   <div class="form-group">
      <label class="label">Email</label>
      <div class="input-group">
         <input wire:model.defer="email" type="email" class="form-control" placeholder="xxx@xxx.xx">
         <div class="input-group-append">
            <span class="input-group-text">
            <i class="mdi mdi-check-circle-outline"></i>
            </span>
         </div>
      </div>
      @error('email')<label class="text-danger">{{ $message }}</label> @enderror
   </div>
   <div class="form-group">
      <label class="label">Password</label>
      <div class="input-group">
         <input wire:model.defer="password" type="password" class="form-control" placeholder="**********">
         <div class="input-group-append">
            <span class="input-group-text">
            <i class="mdi mdi-check-circle-outline"></i>
            </span>
         </div>
      </div>
      @error('password')<label class="text-danger">{{ $message }}</label> @enderror
   </div>
   <div class="form-group">
      <button class="btn btn-success submit-btn btn-block" wire:loading.attr="disabled" >
         <div wire:loading.remove>Login</div>
         <div wire:loading>
            <div class="loading-bar bg-white"></div>
            <div class="loading-bar bg-white"></div>
            <div class="loading-bar bg-white"></div>
            <div class="loading-bar bg-white"></div>
         </div>
      </button>
   </div>
</form>

控制器

class Login extends Component
{
    
    public $password;
    public $email;

    protected $rules = [
            'password' => 'required',
            'email' => 'required|email',
        ];
        
    public function check()
    {
    
        $this->validate($this->rules);

        if (Auth::attempt(['email' => $this->email, 'password' => $this->password]))
        {
            
            redirect()->to('livewire/add');
            
        }else
        {   
            
            $this->dispatchBrowserEvent('alert', ['type' => 'error', 'title' => 'Error','message' => 'Credential not valid']);

        }
        
    }
    
    public function render()
    {
        return view('livewire.login')->extends('backend.v2.master');
    }
    
}

路线

Route::group(['prefix' => 'livewire'], function() {
       Route::get('/login',Login::class);
       Route::get('/add',Add::class);
});

第一次提交

image

第五次点击后的错误结果

image

感谢您的帮助。

【问题讨论】：

从<form>中删除method="post"
对不起，我在尝试解决问题时添加了“方法：发布”代码，我在stackoverflow上发布时忘记删除它。我试过没有或使用代码“方法：post”没有效果，我仍然有这个问题。谢谢你的回答。

标签： html laravel laravel-livewire

【解决方案1】：

您是否尝试过将整个表单包装在一个 div 元素中？

<div> 
{{-- Anything you want to do --}}
</div>

【讨论】：