<p>我的 ContactView.vue 页面中有此表单 <code>src/views/ContactView.vue</code> ： 我想重定向到自定义页面，感谢消息 <code>src/views/SuccessView.vue</code></p> <pre class="brush:php;toolbar:false;">&lt;form name=&quot;contact-form&quot; action=&quot;/success&quot; method=&quot;POST&quot; data-netlify=&quot;true&quot; data-netlify-honeypot=&quot;bot-field&quot;&gt; &lt;input type=&quot;hidden&quot; name=&quot;contact-form&quot; value=&quot;contact-form&quot; /&gt; &lt;div class=&quot;grid md:grid-cols-2 md:gap-6&quot;&gt; &lt;div class=&quot;relative z-0 w-full mb-6 group&quot;&gt; &lt;input type=&quot;text&quot; name=&quot;first_name&quot; id=&quot;floating_first_name&quot; class=&quot;block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-pine appearance-none focus:outline-none focus:ring-0 focus:border-bubblegum peer&quot; placeholder=&quot; &quot; required /&gt; &lt;label for=&quot;first_name&quot; class=&quot;peer-focus:font-medium absolute text-sm text-gray-500 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-bubblegum peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6&quot;&gt;First name&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;relative z-0 w-full mb-6 group&quot;&gt; &lt;input type=&quot;text&quot; name=&quot;last_name&quot; id=&quot;floating_last_name&quot; class=&quot;block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-pine appearance-none focus:outline-none focus:ring-0 focus:border-bubblegum peer&quot; placeholder=&quot; &quot; required /&gt; &lt;label for=&quot;last_name&quot; class=&quot;peer-focus:font-medium absolute text-sm text-gray-500 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-bubblegum peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6&quot;&gt;Last name&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;relative z-0 w-full mb-6 group&quot;&gt; &lt;input type=&quot;email&quot; name=&quot;email&quot; id=&quot;floating_email&quot; class=&quot;block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-pine appearance-none focus:outline-none focus:ring-0 focus:border-bubblegum peer&quot; placeholder=&quot; &quot; required /&gt; &lt;label for=&quot;email&quot; class=&quot;peer-focus:font-medium absolute text-sm text-gray-500 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-bubblegum peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6&quot;&gt;Email address&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;relative z-0 w-full mb-6 group&quot;&gt; &lt;textarea type=&quot;text&quot; name=&quot;textarea&quot; id=&quot;floating_ext_area&quot; class=&quot;block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-pine appearance-none focus:outline-none focus:ring-0 focus:border-bubblegum peer&quot; placeholder=&quot; &quot; required /&gt; &lt;label for=&quot;textarea&quot; class=&quot;peer-focus:font-medium absolute text-sm text-gray-500 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-bubblegum peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6&quot;&gt;Your Message&lt;/label&gt; &lt;/div&gt; &lt;button type=&quot;submit&quot; class=&quot;text-white bg-bubblegum hover:bg-cherry focus:ring-4 focus:outline-none focus:ring-cotton-candy font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center&quot;&gt;Submit&lt;/button&gt; &lt;/form&gt;</pre> <p>我遵循了那里和相关论坛上的所有指南，但没有人可以帮助我。</p> <p>我读过这篇文章，但似乎它对我不起作用。</p> <p>大多数指南和教程都提到将精确的 HTML 克隆作为“公共”HTML 中的骨架，因此在 index.html 中我做了一些类似的事情</p> <pre class="brush:php;toolbar:false;">&lt;body&gt; &lt;form netlify netlify-honeypot=&quot;bot-field&quot; hidden name=&quot;contact-form&quot; value=&quot;contact-form&quot; method=&quot;POST&quot; action=&quot;/success&quot; &gt; &lt;input type=&quot;text&quot; name=&quot;first_name&quot; /&gt; &lt;input type=&quot;text&quot; name=&quot;last_name&quot; /&gt; &lt;input type=&quot;email&quot; name=&quot;email&quot; /&gt; &lt;textarea name=&quot;textarea&quot;&gt;&lt;/textarea&gt; &lt;button type=&quot;submit&quot;&gt;&lt;/button&gt; &lt;/form&gt; &lt;div id=&quot;app&quot;&gt;&lt;/div&gt; &lt;script type=&quot;module&quot; src=&quot;/src/main.js&quot;&gt;&lt;/script&gt; &lt;/body&gt;</pre> <p>当我在填写表单后立即尝试在 <code>random-netlify-name-784120.netlify.app</code> 中填写表单时，我会看到黑屏并显示此响应。< /p> <p>如何才能让一切顺利进行？</p>

build: {
    ...,
    rollupOptions: {
      input: {
        main: resolve(root, 'index.html'),
        success: resolve(root, 'pages', 'success', 'index.html'),
      },
    }