数据未传递到控制器

时间:2019-01-26 06:39:23

标签: javascript ajax laravel vue.js axios

在通过axios将数据传递到控制器时遇到问题。当我单击“提交”按钮时,数据不会保存到数据库中。

save(){ 
  axios.post('/phonebook',this.$data.list)
       .then((response) => console.log(response))
            .catch((error) => console.log(error)
       );
}

未收到控制器请求。

public function store(Request $request)
{
    $pb = new Phonebook;
    $pb->name = $request->name;
    $pb->phone = $request->phone;
    $pb->email = $request->email;
    $pb->save();

    return $pb;
}     

Web.php

Route::resource('phonebook','PhonebookController');

请求应接收并将其存储在数据库中。

这是我的组件:

<script>
    export default {

        props: ['openmodel'],

        data() {
            return {
                list: {
                    name: '', 
                    phone: '',
                    email: ''
                }
            };
        },

        methods: {
            close() {
                this.$emit('closeRequest');
            }, 
            save() {
                axios.post('/phonebook', this.$data.list)
                    .then((response) => console.log(response))
                    .catch((error) => console.log(error));
            }
        }
    };
</script>

1 个答案:

答案 0 :(得分:0)

感谢大家的支持。现在可以使用了。我使用的是php版本5.6。当我将Php版本更新为7时。一切都可以正常工作。