Возврат ошибок при проверке на стороне сервера с помощью Laravel и Vue - PullRequest
Новая
       8

Возврат ошибок при проверке на стороне сервера с помощью Laravel и Vue

0 голосов
/ 28 мая 2020

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

Вот мой интерфейс 

<v-form>
    <v-row>
        <v-col cols="12" sm="6" md="6">
            <v-text-field label="Serial Number" v-model="plane.serial_number" color="black" counter="30"></v-text-field>
        </v-col>
    </v-row>

    <v-btn color="yellow" class="black-text" @click="add()">Submit</v-btn>

</v-form>

<script>
import Swal from 'sweetalert2'
export default {
    data() {
        return {
            errors: [],
            plane: {
                serial_number: '',
            },
        }
    },


    methods: {
        add() {
            const params = {
                serial_number: this.plane.serial_number,
            };

            axios.post(`/planes`, params)
                .then(res => {
                    Swal.fire({
                        title: 'Success!',
                        html: 'Plane created successfully!',
                        icon: 'success',
                        confirmButtonText: 'OK',
                    })
                }).catch(e => {
                    this.errors = e;
                    console.log(this.errors);
                    Swal.fire({
                        title: 'Error!',
                        icon: 'error',
                    })
                })
        },

         }

}
</script>

Back-end 

public function store(Request $request)
    {
        $this->validate($request, [
            'serial_number' => ['required','string', 'unique:airplanes']
        ]);

        $airplane = new Airplane();
        $airplane->serial_number = $request->serial_number;
        $airplane->save();
    }

console.log вообще ничего не возвращает.

1 Ответ

0 голосов
/ 28 мая 2020

В this.errors, если вы выведете this.errors.message, вы должны увидеть дружественное сообщение. Надеюсь, это поможет! ... Вы также можете изучить объект this.errors.response, который имеет такие вещи, как заголовки и статус.

...