Laravel vuejs spa axios auth строительные леса - PullRequest
Новая
       29

Laravel vuejs spa axios auth строительные леса

1 голос
/ 30 апреля 2019

Я создал приложение laravel vue spa и хотел бы добавить логин. Я запустил php artisan make:auth, чтобы создать леса аутентификации.Я пытаюсь вызвать маршрут входа в систему с помощью axios, но он продолжает возвращать успех, даже если пользователь не существует (я вручную добавил пользователя в базу данных).

Это компонент входа: 

<template>
    <v-card class="elevation-12">
        <v-container
            fluid
            grid-list-md
        >
            <v-card-text>
                <v-form>
                    <v-text-field 
                        box
                        name="login" 
                        label="Login" 
                        type="text"
                        v-model="email">
                    </v-text-field>
                    <v-text-field 
                        box
                        name="password" 
                        label="Password" 
                        id="password" 
                        type="password"
                        v-model="password">
                    </v-text-field>
                </v-form>
            </v-card-text>
            <v-card-actions class="card-pb-1">
                <v-btn 
                    @click="login">Login</v-btn>
            </v-card-actions>
        </v-container>
    </v-card>
</template>

<script>

export default {

    props: {
        source: String
    },

    data: () => ({
        email: '',
        password: '',
        remember: ''
    }),

    methods: {
        getLoginData () {
            return {
                email: this.email, 
                password: this.password
            };
        },

        login() {
            axios.post("/login", this.getLoginData())
                .then(response => {         
                    console.log("success");
                })
                .catch(error => {
                    console.log("error");
                })
        }
    }

};
</script>
...