第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue.js Netlify 表單提交無法重定向到自定義感謝頁面

Vue.js Netlify 表單提交無法重定向到自定義感謝頁面

慕森卡 2021-11-18 21:17:11
在 Vue.JS 中創(chuàng)建一個表單并與 Netlify 的表單提交處理程序連接。無法重定向到自定義感謝頁面。Netlify 的默認(rèn)感謝頁面總是出現(xiàn)。在文檔和論壇上搜索了一段時間,但無濟于事。我正確設(shè)置了路線來處理新頁面/成功。您可以在下面看到我向表單添加了一個操作,該操作應(yīng)該采用正確的格式。我認(rèn)為問題要么與 Vue.JS 路由有關(guān),要么與 Netlify 識別 /success 是否為活動組件/頁面的方式有關(guān)。正如在 netlify 文檔中所說,如果操作路徑無效,那么它將自動默認(rèn)返回到 netlify 的感謝頁面。https://github.com/DanielGibsonOrchid/freightlegendhttps://freightlegend.netlify.com/        <form           action="/success"          class="get-started-form"           name="get-started"           method="post"           data-netlify="true"          data-netlify-honeypot="bot-field"        >          <input type="hidden" name="bot-field" />          <input type="hidden" name="form-name" value="get-started" />          <div class="form-content flex">            <input type="text" name="name" placeholder="Your name" class="input-main" required />            <input type="email" name="email" placeholder="Your email" class="input-main input-margin" required />            <div class="select-div">              <select name="country" class="input-main">                <option value="New Zealand">New Zealand</option>                <option value="Australia">Australia</option>                <option value="USA">USA</option>                <option value="Other">Other</option>              </select>            </div>          </div>          <input type="submit" class="btn-main" />          <!-- <button type="submit" class="btn-main">Submit Query</button> -->        </form>public/_redirects/locale.json  /locales/us.json  302  Country=us/locale.json  /locales/au.json  302  Country=au/locale.json  /locales/nz.json  302  Country=nz/*            /index.html       200
查看完整描述

1 回答

?
慕哥9229398

TA貢獻1877條經(jīng)驗 獲得超6個贊

看起來你已經(jīng)做了幾乎所有可能的事情。在這個階段,我不得不猜測使用帶有 SPA 的自定義成功頁面不是 Netlify 處理的事情。


我會改為使用AJAX 表單提交。


例如


<form @submit.prevent="handleFormSubmit" ...>

methods: {

  async handleFormSubmit ($event) {

    const form = $event.target

    const body = new URLSearchParams(new FormData(form))

    try {

      const res = await fetch(form.action, { method: 'POST', body })

      if (res.ok) {

        this.$router.push({ name: 'thanks' })

      } else {

        throw res

      }

    } catch (err) {

      console.error(err)

      // you don't have an error page but maybe you should add one

    }

  }

}


查看完整回答
反對 回復(fù) 2021-11-18
  • 1 回答
  • 0 關(guān)注
  • 167 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號