Ошибка: «Запрос прерван» с использованием laravel и vuejs

Question

я хочу добавить функцию, используя laravel и vuejs и топор ios, но это дает мне ошибку Error: "Request aborted".

привет, я хочу добавить функцию, использующую laravel и vuejs и топор ios но это дает мне ошибку Error: "Request aborted".

привет, я хочу добавить функцию, использую laravel и vuejs и топор ios, но это дает мне ошибку Error: "Request aborted".

fonction.blade. php

  <form @submit="checkForm">
            <div v-if="errors.length">
              <div class="alert alert-danger" role="alert">
                <ul>
                  <li v-for="error in errors">@{{ error }}</li>
                </ul>
              </div>
            </div>
            <input type="text" class="form-control" id="fonction" name="fonction" v-model="fonction.fonction" placeholder="fonction">
            <br>
            <button class="btn btn-theme" @click="addFonction">AJOUTER FONCTION</button>
          </form>

vuejs

        @section('javascripts')
        <script src="{{asset('js/vue.js')}}"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script>
            window.Laravel = {!! json_encode([
                'csrfToken' => csrf_token(),
                'url' => url('/')
            ]) !!};
        </script>
        <script>
               var app = new Vue({  
                el: '#app',
                data: {
                    message: 'i am nothing',
                    errors: [],
                    fonctions:[],
                    fonction:{
                        fonction :''
                    }
                },
    methods:{
    addFonction:function(){
                    axios.post(window.Laravel.url+'/addfonction/', this.fonction)
                    .then(response => {
                      //console.log(response.data);
                        this.fonctions.unshift(this.fonction);
                        this.fonction={
                                fonction:''
                            }
                    })
                    .catch(error=>{
                        console.log(error);
                    })
                },
 created:function(){
          this.getFonctions();
        }
    });
</script>
@endsection

SalarieController

 public function addFonction(request $request){
      $fonction = new Fonction;
      $fonction->fonction = $request->fonction;
      $fonction->save();
      Response()->json(['etat' => true]);
    }