React app with React-Router deployed on Amplify Console, redirects to index.html

[ilyador]

Whenever I open the app from the root URL and navigate, all is fine.
However, if I go directly to, or refresh app.com/login or any other non-root URL, I get redirected to the non-existent index.html.

I have tried the solutions from this issue, but nothing seems to work aws-amplify/amplify-js#2498

I did not configure any other routing or URL related things in my app (there is a comment about Vue saying there is sime configuration to be done before deployment, I haven't found anything similar about react and react-create-app scaffolding).

[ihao8]

Hi @ilyador , did you try

source: </^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>
target: /index.html
type: 200 

or change source to:
</^((?!\.(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$).)*$/>

[ilyador]

@Joycehao19 Yes, this is what I did. No luck.

Tried
</^((?!\.(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$).)*$/> and
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>

[ihao8]

@ilyador Did you have a sample app we could test? Did you set anything we need to pay attention?

[ilyador]

@Joycehao19 This is weird: I have one app that works fine, and another that doesn't with the same stack (react + react-router) and same settings.
This is the one that doesn't: https://www.photowin.net/

[ilyador]

@Joycehao19 I think I know what went wrong: for some reason, my domain is no longer managed by the Amplify console.
When I go to the URL I still get to the app, but It does not appear in the domain management section. When I try to connect it again I get an error that it is already in use.

[ihao8]

#454
Resolved issue. Closing for now.

[Apoorva-lokhande]

#454
Resolved issue. Closing for now.

how did you resolve?
same issues

[bksun]

#454
Resolved issue. Closing for now.

how did you resolve?
same issues

Even I have very same issue, trying to connect to amplify public url but not working as expected.

When routes match then a blank page is rendered(which is not expected but when route doesn't match then I get error page as expected.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.