Отправить заявку через кнопку в другом компоненте

Question

У меня есть два компонента:

Header.vue:

<button type="submit" @click="clickNext">Next</button>
methods:{
    clickNext(){
        Bus.$emit('submitForm');
       }
    }

И Home.vue

<form method="POST" ref="my-form">
    <input type="text" name="email" id="email" />
</form>

  created() {
    Bus.$on('submitForm', () => this.$refs['my-form'].submit(this.send()))
  },
  methods: {
    send() {
       console.log("send!");
    }
  }

Мне нужна форма для отправки (с компонентом Home.vue) с помощью кнопки, которая находится в компоненте Header.vue. Когда я нажимаю кнопку Далее, Laravel REFRESH PAGE и возвращает ошибку:

Symfony \ Component \ HttpKernel \ Exception \ MethodNotAllowedHttpException

Нет сообщений

Answer 1

Вы должны иметь токен CSRF в каждой форме, которая использует любой метод, кроме GET. Читайте об этом в официальных документах