该路由不支持GET方法支持的方法：Laravel livewire中的POST

如何解决该路由不支持GET方法支持的方法：Laravel livewire中的POST

对不起，我在laravel livewire中遇到路线问题。我想通过连续单击“提交”按钮（当然给出响应后）在我的网站上测试我的登录表单验证，然后在第五（5）上单击“我有一个问题”，该路线不支持GET方法。受支持方法：POST”。有人知道这个问题吗？因为我也在本地主机上的简单表单上进行了尝试，所以没有错误。

我使用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="[e-mail]">
         <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

感谢您的帮助。

解决方法

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

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