На стороне клиента Gatsby перенаправления на внешний URL-адрес не работают на Netlify
Мне нужно сделать простое перенаправление на стороне клиента на внешний URL-адрес со страницы на моем сайте Gatsby, размещенном на Netlify. Он отлично работает локально, но при развертывании ничего не работает. Также, похоже, есть ошибка с собственной функцией createRedirect Гэтсби, так что она не позволяет перенаправлять на внешние URL-адреса.
Я пробовал три метода ниже в componentDidMount, в render, а также в обратных вызовах из повторяющегося вызова функции (setInterval). Я также пробовал перехватывать клики по ссылкам, ведущим на страницу перенаправления, и выполнять window.open(url), но при развертывании ничего, связанного с window, похоже, не работает. Любые идеи?
window.location.replace(url)
window.location.href = url
window.location = url
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы хотите перенаправить с URL-адреса, такого как /foo, на вашем сайте на какой-либо внешний URL-адрес, например domain.tld/bar, это правильно? Если это так, и вы используете Netlify, вы, вероятно, захотите использовать Файл Netlify _redirects.
Однако, если вы действительно хотите сделать это внутри Gatsby, вы должны иметь возможность использовать ловушку componentDidMount() для вызова window.location.replace(). Я только что протестировал на нашем сайте v2, и это работает.
class About extends React.Component {
componentDidMount() {
window.location.replace("https://www.gatsbycentral.com/");
}
Во время разработки есть некоторые особенности, но они должны работать в продакшене. Я тестировал предварительную ветку на Netlify, и у меня это сработало.
Если у вас есть конкретное сообщение об ошибке, вы можете опубликовать его как новый вопрос.
Вы можете поделиться своим общедоступным URL-адресом? Когда я тестировал, это действительно работало в ветке предварительного просмотра Netlify.
К вашему сведению: _redirects анализируется только ПОСЛЕ сборки, поэтому, если вы добавите к нему строки в своей сборке, они будут использоваться. Вам не нужно, чтобы он был полностью встроен в git.
Спасибо. Оказалось, что это ошибка в Gatsby v2.0.0-beta.15, которая полностью нарушила реакцию на стороне клиента.
Да исправить. Я попробовал ваш код именно сейчас, и он работает локально, но не при развертывании в Netlify, и никаких сообщений об ошибках. Я бы использовал _redirects, но я не знаю, как программно добавлять к нему внешние ссылки, поскольку createRedirect поддерживает только внутренние ссылки.