Не удается сохранить данные с помощью Axios - php


1

Я пытался хранить данные формы с помощью Vue, используя Axios.

Вот шаблон vue:

  <template id="AddEmployee">
    <div>
     <h3> Add new post</h3>
     <form v-on:submit.prevent="createEmployee">
       <div class="form-group">
         <label> name</label>
         <input type="text"  v-model="employee.name" class="form-control" required placeholder="">
       </div>
       <div class="form-group">
         <label> Email</label>
         <input type="email"  v-model="employee.email" class="form-control" required placeholder="">
       </div>
       <button type="submit" class="btn btn-xs btn-primary"> Create </button>
       <router-link class="btn btn-xs btn-warning" v-bind:to="/crud/public/"> Cancel</router-link>
     </form>
    </div>
</template>

<script>
    export default {
      data:function()
      {
        return {employee: { name:, email:}}
      },
      methods:{
        createEmployee:function()
        {
          let uri = http://localhost/crud/public/employees;
           Axios.post(uri, this.employee).then((response)=>{
            this.$router.push({name: Employees})
           })
        }
      }
    }
</script>

Вот мой маршрут:

Route::resource(/employees,EmployeeController);

Вот часть контроллера:

public function store(Request $request)
{
    $this->validate($request, [
      name => required,
      email => required,
    ]);

    $create = Employee::create($request->all());
    return response()->json([status => success,msg=>Employee created successfully]);
}

Вот маршруты, определенные в app.js

const routes = [
    {
        name : Employees,
        path: /crud/public/,
        component : Employees
    },
    {
        name : AddEmployee,
        path: /crud/public/AddEmployee,
        component : AddEmployee
    }
   ]

Но проблема в том, что он перенаправляет меня на маршрут сотрудников, но ничего не хранится в базе данных.

Источник
  •  19
  •  0
  • 4 мар 2020 2020-03-04 05:30:20

Ответов пока нет