错误：使用laravel和vuejs的“请求中止”

Question

我想使用laravel，vuejs和axios添加一个函数，但它给我错误Error: "Request aborted"。

嗨，我想添加一个使用laravel，vuejs和axios的函数，但这给了我错误Error: "Request aborted"。

嗨，我想添加一个使用laravel，vuejs和axios的函数，但这给了我错误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]);
    }