Why doesn't react's BrowserRouter work on cloudfront when s3 oai settings are applied?

BrowserRouter was used to implement the react webpage spa in s3.

When I set it to public, it worked fine. However, when accessing from cloudfront after applying public access deny and oai, it did not work. So I used HashRouter and it worked.

My guess is that s3 only supports static webpages, so browserRouter doesn't work, only HashRouter works. However, when set to public, BrowserRouter worked.

If I apply the oai setting to s3, why doesn't react's BrowserRouter work on cloudfront?

주제

스토리지 네트워킹 및 콘텐츠 전송

태그

아마존 심플 스토리지 서비스 아마존 CloudFront

언어

English

joker

질문됨 2년 전216회 조회

1개 답변

최신
최다 투표
가장 많은 댓글

이 답변이 도움이 되었나요?커뮤니티가 여러분의 지식을 활용할 수 있도록 정답을 찬성하세요.

This Stackoverflow link might be addressing this issue https://stackoverflow.com/questions/51218979/react-router-doesnt-work-in-aws-s3-bucket For steps about how to use BrowserRouter with S3 and CloudFront, refer to this external link https://aws.plainenglish.io/how-to-deploy-react-app-with-s3-and-cloudfront-6d170172cd58

Mo Salah

답변함 2년 전

joker
2년 전
This is a temporary measure to fix the error, so I don't think it's a fundamental solution. And I asked why the browser router is not working.

Why doesn't react's BrowserRouter work on cloudfront when s3 oai settings are applied?

관련 콘텐츠