javascript - Gatsby client side redirects to external URL not working on Netlify - Stack Overflow

admin管理员组

文章数量:1335356

I need to do a simple client side redirect to an external URL from a page on my Gatsby site hosted on Netlify. It works fine locally, but nothing seems to work when deployed. There also seems to be a bug with Gatsby's native createRedirect-functionality so that it doesn't allow redirecting to external URLs.

I've tried the three methods below in ponentDidMount, in render as well as in callbacks from a recurring (setInterval) function call. I've also tried hijacking clicks on the links that leads to the redirect page and doing window.open(url), but nothing involving window seems to be working when deployed. Any ideas?

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

I need to do a simple client side redirect to an external URL from a page on my Gatsby site hosted on Netlify. It works fine locally, but nothing seems to work when deployed. There also seems to be a bug with Gatsby's native createRedirect-functionality so that it doesn't allow redirecting to external URLs.

I've tried the three methods below in ponentDidMount, in render as well as in callbacks from a recurring (setInterval) function call. I've also tried hijacking clicks on the links that leads to the redirect page and doing window.open(url), but nothing involving window seems to be working when deployed. Any ideas?

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

• javascript
• reactjs
• gatsby
• netlify

Share Follow asked Aug 1, 2018 at 15:02 oskareoskare 1,0711414 silver badges2525 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You want to redirect from a url like /foo on your site to some external URL like domain.tld/bar, is that correct? If so, and you're using Netlify, then you probably want to use the Netlify _redirects file.

However, if you really want to do this inside of Gatsby, you should be able to use the ponentDidMount() hook to call window.location.replace(). I've just tested on our v2 site and this works.

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

There are some quirks during development, but this should work in production. I tested with a preview branch on Netlify and it worked for me.

If you have a specific error message you could post that as a new question.

本文标签： javascriptGatsby client side redirects to external URL not working on NetlifyStack Overflow