Мой ajax запрос возврата статуса ошибки 405 на laravel

Question

Я использую laravel 6. Он возвращает мне ошибку 405 при использовании внешнего ajax. js файла для обработки моей формы. сообщение: метод POST не поддерживается для этого маршрута. Поддерживаемые методы: GET, HEAD.

Это моя форма в blade-формате:

<form >
 @csrf
     <div class="form-group">
         <label>Name:</label>
         <input type="text" name="name" class="form-control" placeholder="Name" required="">
      </div>
      <div class="form-group">
          <label>Password:</label>
          <input type="password" name="password" class="form-control" placeholder="Password"       required="">
       </div>
       <div class="form-group">
           <strong>Email:</strong>
           <input type="email" name="email" class="form-control" placeholder="Email" required="">
       </div>
       <div class="form-group">
        <button class="btn btn-success btn-submit">Submit</button>
       </div>
    </form>

my ajax. js:

$(document).on('submit','#employeeSignupFrom',function (e) {
var token =  $('input[name="_token"]').attr('value')
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': token
    }
});
$.ajax({
    $url:'/signupemployee',
    type:'post',
    data: $(this).serialize(),
    contentType:'json',
    success: function( response, textStatus, jQxhr ){
      alert('done')
    },
    error: function( jqXhr, textStatus, errorThrown ){
        alert('error!');
    }
});
e.preventDefault()
 })

в маршруте ( web. php):

Route::post('/signupemployee','FormsController@signupEmployee');

и мой контроллер:

<?php

 namespace App\Http\Controllers;

  use Illuminate\Http\Request;
  use Illuminate\Http\Response;
  class FormsControllers extends Controller
   {
    public function signupEmployee(Request $request){
      $employeeInfo=$request->all();
      return response()->json(['alert'=>'done!']);
   }
 }

Answer 1

Сначала удалите знак $ из вашего URL:

//$url:'/signupemployee', <- remove $
url:'/signupemployee',

Второе изменение contentType:

contentType: 'application/json',

Наконец, ваш ajax должен выглядеть примерно так:

$.ajax({
     url: '/signupemployee', //<- $ sign should deleted
     type: 'POST',
     data: data,
     contentType: 'application/json', //<- not just json
     headers: {
         'X-CSRF-TOKEN': token
     }
})