angular - 使用 Angular 6 重定向到 Netlify 上的自定义成功页面

Question

我已经在 Netlify 上部署了一个 angular 6 站点，几乎没有问题，并且我已经使用 Netlify 的内置表单获得了一个用于简单提交的表单。

我现在正尝试在成功提交表单后重定向到自定义 Angular 组件，但有点卡住了。我试图模拟此任务的文档，该文档在 Netlify 的文档中列出用于 react 和 vue，我认为这是 Angular 等效的。

我试过重定向到静态 html 页面和组件。像文档一样发布到“/”表明结果为 404。

我在控制台和表单提交后都没有收到任何错误，所以我不太确定接下来可以尝试什么。任何输入都是有帮助的，如果需要，我可以展示我使用的代码。

编辑:这是我用来重定向到 Netlify 内置确认页面的表单。我希望能够在 Angular 中重定向到我自己的确认组件。

<form name="contact" action="/done/" netlify method="POST" netlify-honeypot="bot-field">
  <input type="hidden" name="form-name" value="contact"/>
  <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" /></label>
  </p>
  <p>
    <label>Email <input type="email" name="email" required/></label>
  </p>
  <p>
    <label>Message <textarea name="message"></textarea></label>
  </p>
  <p>
    <button type="submit">Send</button>
  </p>
</form>

这是一个成功提交表单的屏幕截图，它正确地重定向除了我的 Angular 组件之外，Netlify 仍在处理重定向页面。

Answer 1

要使重定向正常工作，您可能需要一个 _redirects 文件。

使用此文件，所有 URL 都将发送到应用程序的根目录，从而使 Angular 路由器能够正常运行。

_redirects 文件应该在您的应用程序的 src 文件夹中创建。对于大多数基本站点，文件只需要包含以下行:

/*    /index.html   200

创建 _redirects 文件后，您还应该将其添加到 angular.json 文件中的 assets 部分。

 "assets": [
     "src/favicon.ico",
     "src/assets",
     "src/_redirects"
 ]

可以找到更多信息here .