ReactJS deployment on S3 bucket

I have tried to deploy a web application with the backend in Node.js and the frontend in React. The backend is deployed on an EC2 instance, and the frontend (React app) is hosted on S3. However, I am facing an issue where the routes in the React app are not working. The application successfully loads the index.html page, but after logging in, it fails to redirect to the dashboard. Does S3 only support React SPA?

Themen

Speicher

Tags

Amazon S3 Access Grants

Sprache

English

ManojInnovator

gefragt vor 4 Monaten278 Aufrufe

1 Antwort

Neueste
Die meisten Stimmen
Die meisten Kommentare

Sind diese Antworten hilfreich? Stimmen Sie der richtigen Antwort zu, damit die Community von Ihrem Wissen profitieren kann.

Hello.

It should be possible to run ReactJS on S3.
The following document describes how to run the sample, so I think it will be helpful.
https://docs.aws.amazon.com/prescriptive-guidance/latest/patterns/deploy-a-react-based-single-page-application-to-amazon-s3-and-cloudfront.html

EXPERTE

Riku_Kobayashi

beantwortet vor 4 Monaten

EXPERTE

Didier_Durand

überprüft vor 4 Monaten

ManojInnovator
vor 4 Monaten
You are right, it's deployed and I can access it but the routes are not working means the pages are not redirecting, I can access only the index.html page rest of the routes are showing 404. I want to know if there is any special setting or configuration required to achieve this or if it will only support single-page applications (SPA) as described in the article.
Riku_Kobayashi EXPERTE
vor 4 Monaten
This blog may be helpful. https://via.studio/journal/hosting-a-reactjs-app-with-routing-on-aws-s3
By the way, do you use something like CloudFront? In that case, please also configure the CloudFront default root object. https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/DefaultRootObject.html

Relevanter Inhalt

Wie kann ich den Fehler „The security token included in the request is expired“ bei der Ausführung von Java-Anwendungen auf Amazon EC2 beheben?
AWS OFFICIALAktualisiert vor 2 Jahren
Wie vermeide ich den Fehler „Unable to validate the following destination configurations“ bei Lambda-Ereignisbenachrichtigungen in CloudFormation?
AWS OFFICIALAktualisiert vor 3 Jahren
Wie behebe ich den Fehler „The new key policy will not allow you to update the key policy in the future“, wenn ich versuche, mit AWS CloudFormation einen AWS-KMS-Schlüssel zu erstellen?
AWS OFFICIALAktualisiert vor 2 Jahren
Wie behebe ich den Fehler „The specified queue does not exist or you do not have access to it.“, wenn ich einen AWS Glue Job ausführe, um Nachrichten an Amazon SQS in einer anderen Region zu senden?
AWS OFFICIALAktualisiert vor 3 Jahren