i can't reach my about page from url.

[hex909]

hey i am a starter. I create this site with react and routing with react-router. ''https://hex909countries.netlify.app/" I can access all pages in this website. but I can't access any page (path) from direct url or ''/country/Yemen" in this path if i refresh in this page it will shows 404 Page Not Found. how can i fix this. give me any resources that will helps me.

and also not showing 404 page?

https://hex909countries.netlify.app/

here is my code https://github.com/hex909/countries

[bradleylandis]

Hello. When creating a single page app, you need to tell your web server that all requests should actually be redirected to the single page. I'm not very familiar with Netlify, but please see the "Avoid 404s" section here: https://docs.netlify.com/configure-builds/javascript-spas/#app

[hex909]

sorry for the delay. if there is any free hosting serves are there services

[mnaray]

For Netlify, you need to add a _redirect file to the public directory of your react-app. (No file extension needed!)

In that file you need to enter the following paths to allow every redirect.
/* /index.html 200
This should be the only line you need.

It basically tells the Netlify host to send the HTTP-code 200 (OK) to the client on every redirect.

I hope this helps. Please let me know if it doesn't! 😃

[bradleylandis]

It looks like you have a bad redirect defined in https://github.com/hex909/countries/blob/main/public/netlify.toml I'm not sure how it interacts if you put a _redirects file and a netlify.toml file.

[bradleylandis]

it looks like netlify.toml is supposed to be at the root of your repository:
https://docs.netlify.com/configure-builds/file-based-configuration/

[bradleylandis]

I would put this in the netlify.toml file and move it to the root of your repo and then delete the _redirect file:

# The following redirect is intended for use with most SPAs
# that handle routing internally.
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

[hex909]

Thanks for the solution @bradleylandis and supporters @mnaray

[mnaray]

Welcome!