Why does React app served by cloudfront doesn't render component

Question

I am pretty new to React and front end world.So ignore mistakes.

So i am using auth0 for authentication in my react app. Login button is a component which redirecta to auth0 authentication button and upon login user can go to /profile component. Using react router for going to profile component.

All this works perfectly in localhost. But the moment i deployed on s3 and cloudfront. it shows profile key not found so based on various solution (https://stackoverflow.com/a/58978355/13126651)on stack now add i can see my go to profile component however the page is entirely blank nothing is being render on profile component.

UPDATE :- the error is definitely related to cloudfront, because if i directly access my s3 bucket website endpoint,it renders everything works.

Jatin Mehrotra · Accepted Answer · 2021-08-22 04:51:01Z

1

I solved it by add error response 403 404 for cloud front.

answered Aug 22, 2021 at 4:51

Jatin Mehrotra

11.9k4 gold badges54 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Akshay Pethani Over a year ago

Worked. But I could not find the reason why 403 is necessary, while iundex.html was able to get all the static files without 403 error. Just page was blank.

Collectives™ on Stack Overflow

Why does React app served by cloudfront doesn't render component

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related