Перенаправление на страницу успеха пользователя на Netlify с Angular 6 - PullRequest
0 голосов
/ 28 сентября 2018

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

Сейчас я пытаюсь перенаправить на пользовательский угловой компонент послеуспешное представление формы, и я немного застрял.Я попытался смоделировать документацию для этой задачи, которая указана для реакции и vue в документации Netlify в том, что я представляю, как угловой эквивалент.

Я попытался перенаправить на статическую HTML-страницу, а также компонент.Размещение в «/», как в документации, дает результат 404.

Я не получаю ошибок в консоли и после отправки формы, так что я не совсем уверен, что я мог бы попробовать дальше.Любой ввод полезен, и я могу показать код, который использовал, если нужно.

EDIT : вот форма, которую я использую для перенаправления на встроенную страницу подтверждения 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>

Вот снимок экрана с успешной отправкой формы, которая правильно перенаправляет, за исключением того, что вместо моего углового компонента Netlify по-прежнему обрабатывает перенаправлениестр.

enter image description here

Ответы [ 2 ]

0 голосов
/ 15 апреля 2019

С этой статьи :

... создайте новую страницу, например /success/, и добавьте атрибут action к тегу <form>.

Это должно выглядеть примерно так:

<form name="contact" method="POST" action="/success/"  netlify>
0 голосов
/ 01 ноября 2018

Для правильной работы перенаправлений вам, вероятно, понадобится файл _redirects.

С этим файлом все URL-адреса будут отправлены в корень приложения, что позволит маршрутизатору Angular работать правильно.

Файл _redirects должен быть создан в папке src вашего приложения.Для большинства основных сайтов файл должен содержать только эту строку:

/*    /index.html   200

После создания файла _redirects вы также должны добавить его в раздел assets в файле angular.json.

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

Более подробную информацию можно найти здесь .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...