Vue Netlify Form успешно отправлена, но не отображается на сайте netlify

Question

В приложении Vue есть форма для отправки данных в Netlify. Кажется, все работает, но в Netlify Dashboard нет форм или документов.

Мы следовали инструкциям на веб-сайте netlify относительно приложения Vue ( LINK1 ), а также решений, найденных в stackoverflow ( LINK2 & LINK3 ), которые имеют похожие проблемы, но ни одна из них не работает.

Вот код:

Форма

div(class="input")
          form(method="post" @submit.prevent="submitForm")
            input(type="hidden" name="form-name" value="ask-question")
            input(type="text" name="name" :label="name" v-model="contactInput.name")
            input(type="text" name="email" :label="email" v-model="contactInput.email")
            input(type="text" name="phone" :label="phone" v-model="contactInput.phone")
            textarea(solo name="message" :label="message" v-model="contactInput.message" no-resize)
            v-btn(type="submit" color="info") {{Submit}}

Функции

private encode(data: any) {
    return Object.keys(data)
      .map(
        key => ${encodeURIComponent(key)}=${encodeURIComponent(data[key])}
      )
      .join('&');
  }
  private submitForm(){
    fetch('/', {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        body: this.encode({ 'form-name': 'ask-question', ...this.contactInput }),
      })
        .then((data) => alert("Success!")
        .catch(error => alert(error));
  }

Мы ожидали увидеть успех! сообщение и форму и представления в нашей панели инструментов Netlify. Мы проверили и увидели успех! сообщение, но ничего в панели инструментов Netlify в соответствии с разделом формы.