javascript - Gatsby 客户端重定向到外部 URL 在 Netlify 上不起作用

Question

我需要从 Netlify 托管的 Gatsby 站点上的页面执行简单的客户端重定向到外部 URL。它在本地工作正常，但部署后似乎没有任何作用。 Gatsby 的 native createRedirect 功能似乎也存在一个错误，因此它不允许重定向到外部 URL。

我已经在 componentDidMount、render 以及来自重复 (setInterval) 函数调用的回调中尝试了以下三种方法。我还尝试劫持指向重定向页面的链接的点击并执行 window.open(url)，但涉及 window 的任何内容在部署时似乎都不起作用。有什么想法吗？

window.location.replace(url)
window.location.href = url
window.location = url

Answer 1

您想要从网站上的 /foo 等网址重定向到 domain.tld/bar 等外部网址，是否正确？如果是这样，并且您正在使用 Netlify，那么您可能需要使用 Netlify _redirects file .

但是，如果您确实想在 Gatsby 内部执行此操作，则应该能够使用 componentDidMount() Hook 来调用 window.location.replace() 。我刚刚在我们的 v2 网站上进行了测试，效果很好。

class About extends React.Component {
  componentDidMount() {
    window.location.replace("https://www.gatsbycentral.com/");
  }

开发过程中存在一些怪癖，但这应该可以在生产中使用。我在 Netlify 上的预览分支上进行了测试，它对我有用。

如果您有特定的错误消息，您可以将其作为新问题发布。