Как отправить форму?

Question

[Vova135798]

Подскажите, пожалуйста, как мне отправить, и потом принять форму в laravel?

<template>
<form @submit.prevent="submit">
    <div class="form-row">
        <input v-model="name" type="text" name="name" placeholder="Введите имя *">
    </div>
    <div class="form-row">
        <input v-model="phone" type="text" name="phone" placeholder="Введите телефон*">
    </div>
    <div class="form-block">
        <textarea v-model="message" id="" cols="30" rows="10" name="message" placeholder="Сообщите вопрос"></textarea>
    </div>
    <div class="form-button">
        <button type="submit">Отправить заявку</button>
    </div>
</form>
</template>

<script>
import axios from "axios";

export default {
    data: () => ({
        form: {
            name: '',
            phone: '',
            message: ''
        }
    }),

    methods: {
        submit() {
            let data = JSON.stringify(this.form);
            axios.post("/api/createApplication", data).then((response) => {
                    console.log(response);
                })
                .catch((error) => {
                    console.log(error);
                });
        }
    }
}
</script>

public function createApplication(Request $request){
        $json = $request->get('form');
        $data = json_decode($json, true);

        Application::create([
            'name' => $data['name'],
            'phone' => $data['phone'],
            'message' => $data['message'], 
        ]);
    }

Comments

[Владислав Лысков]

Ну ты отправляешь методом пост, а ловишь гет

[Модератор]

Вопрос необходимо конкретизировать.

[Vova135798]

Модератор, Где-то в коде ошибка. При отправке формы, запись не добавляется в бд

[JhaoDa]

Vova135798, но искать ты её не будешь, доверишь это нам, ага...

[Vova135798]

JhaoDa, я не могу найти, как принять данные на сервере. Отправить получилось

Answer 1

[Sanes]

Сделай в методе первой строкой dd($request);
И всё встанет на свои места.

Comments

[Vova135798]

Выдает

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

[Sanes]

Vova135798, что-то пошло не так.

[Maксим Волков]

А разве axios при отправке POST запроса не требует передачи заголовков и СSRF токена, что-то вроде этого?

headers: {
     X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
     'Content-Type': 'application/json'
}