Netlify making GET requests - undefined values

[miroslavmihok]

site name: https://boosting-service.netlify.app/

In my Header component I Link like this: <Link to={/products/worldofwarcraft} >Produts`
but when i click on the link in console the site makes a GET request to

Boosting Service

but in console i see GET request to following:

Boosting Service

same when i click on a product inside
URL: Boosting Service
Console: Boosting Service

I checked the network tab and saw this undefined request:

you can see here that path has the undefined value but referer has the actual value.

what is causing this in production deployment?
I dont have this issue in localhost.

This guy had a similar problem but the solution was to reupload manually which I did from the beginning:

React App working on localhost but not working on Netlify deploy because the API call is different

I am developing a React app using freetogame API and it works perfectly on localhost, but I deployed it on Netlify and it’s not working because it’s making the API call to a different adress. Here is the API call on localhost:localhost API Call and here is the API call on the deployed site: Deployed Site API Call As you can see in the deployed site API call, the Request URL is completely different and there is an /undefined/ part in the Request URL in the API call. I don’t know what’s causing …

[luke]

Hi, @miroslavmihok. The solution for your site is going to be to add a redirect rule to allow all URLs to be rendered by your site’s client-side routing. There is a support guide about this here:

[Support Guide] Direct links to my single page app (SPA) don't work

Last reviewed by Netlify Support - April, 2024 If you’re building a Single Page Application (SPA), or an app that manages its own routes (url paths), you’ll want to add a _redirects file to your publish directory with the following line to take advantage of browser history pushstate: /* /index.html 200 You can read more information in our docs, which can be found here.

Just make a file named _redirects in the base directory you are deploying to Netlify. Note, that must be just _redirects and not _redirects.txt. (Some OSes hide file extensions by default which can make this sometimes hard to see.)

That file should contain only this:

/*    /index.html   200

Then redeploy the site with that file able and it should resolve the issue. If not, please let us know.

[miroslavmihok]

Thank you so much! I put the _redirects file inside public directory of my React App. Inside i just pasted:
/* /index.html 200
and now it works with no GET errors.