Поддержка Проблемы и решения Проблемы в связке nuxt.js + REST API + Contact Form 7

  • Добрый день!
    Ребят подскажите, пожалуйста как реализовать работу формы обратной связи в моей связке:
    фронтенд написан на nuxt.js — он передает данные из формы через REST API Ворпресса на Contact Form 7, по адресу /wp-json/contact-form-7/v1/contact-forms/74/feedback, где 74 — это id формы на сайте. Данные уходят, но на сервер приходят пустыми, письмо на почту также приходит, но с пустыми данными — это если поля в форме сделать не обязательными, а если наоборот то ответом сервера будет ошибка валидации.
    Подскажите как решить эту проблему, заранее благодарен!

    Мой код:
    form.vue

    <v-form class="top-form">
              <v-text-field
                ref="name"
                v-model="fio"
                placeholder="Имя"
                required
              />
    
              <v-text-field
                ref="phone"
                v-model="phone"
                placeholder="Телефон"
                required
              />
              <v-card-actions>
                <v-btn
                  @click="submit"
                >
                  Перезвоните мне
                </v-btn>
              </v-card-actions>
            </v-form>
    
    <script>
    export default {
      data: () => ({
        fio: '',
        phone: ''
      }),
      methods: {
        submit() {
          const formCallMe = async (formCallMe) => {
            const formData = {
              fio: this.fio,
              phone: this.phone
            }
            try {
              await this.$store.dispatch('forms/callback', formData)
            } catch (e) {
              throw e
            }
          }
          formCallMe()
        }
      }
    }
    </script>

    store/forms.js

    export const actions = {
      async callback ({ commit }, data) {
        try {
          return await this.$axios.$post('http://admin.tapka37.ru/wp-json/contact-form-7/v1/contact-forms/74/feedback', data)
        } catch (e) {
          // commit('setError', e, { root: true })
          throw e
        }
      }
    }
    • Тема изменена 1 месяц, 1 неделя назад пользователем dimidn.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]