Loading certain resource intensive pages on my website lead to 404 on netlify

[nathanmartin]

@Tankman61 I don’t believe the issue is what you think it is.

It should be solved by my post here:

I'm trying to solve a problem when refreshing the page and I get a 404. I've been trying to fix it for several days

@vasawat77 This is an easy one. Your app appears to be an SPA (Single Page Application), so the other “pages” don’t actually exist. See the note here in the warning box that says Avoid 404s for SPAs: You need to add the rewrite as demonstrated here: It ensures requests for routes that don’t exist are served your applications main index.html file If it’s unclear, here’s a more detailed explanation I gave previously:

Additional detailed explanation here:

Page Not Found when using home link or details page link

@blogfreerecipe This is occurring because your site is a react based SPA (Single Page Application). When you visit the site via the root / it is automatically loading the index.html which is your application, and then when you visit other pages you never actually leave the index.html page (it just looks like you do). So /recipeDetails/110133d3dd574821a9ab17b9d160d06d loads in additional data and simulates a browser page change. However when you make a fresh request for example by going to one…