我们实现了一个简单的带有基本表单的nuxt应用程序，并将其部署到netlify上。当按下表单的“提交”按钮时，我们收到一个404。
您可以在此处找到已部署netlify应用的链接：
编辑-〉删除链接
在浏览了故障排除指南之后，他们列出了如果netlify识别了您的表单，则添加的“netlify”或“data-netlify=“true”属性应该不可见，但是它们是可见的。
另外，在netlify后端的“form”配置选项卡中找不到表单。
新配置：
SPA
顺风
我们尝试为netlify添加必要的属性：网络化或数据-网络化=“真”&网络生命-蜜罐=“僵尸-字段”
我们还添加了一个名为prerender-spa-plugin的“预渲染”库。
在这里你可以找到contact.vue页面的内容。简单的表单和根据netlify文档设置的“name”属性。

<template>
  <div>
    <form name="contact" method="POST" data-netlify="true" netlify-honeypot="bot-field">
      <p class="hidden">
        <label
          >Don’t fill this out if you're human: <input name="bot-field"
        /></label>
      </p>
      <p>
        <label
          >Name
          <input
            type="text"
            name="name"
            class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white;"
        /></label>
      </p>
      <p>
        <label
          >Email
          <input
            type="email"
            name="email"
            class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white;"
        /></label>
      </p>
      <p>
        <button
          type="submit"
          name="submit"
          class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
        >
          Send
        </button>
      </p>
    </form>
  </div>
</template>

<script>
export default {};
</script>

<style>
.hidden {
  display: none;
}
</style>

如果我们能设法解决这个问题，让netlify最终识别我们的形式，那就太好了。