s3에 react를 올리고
react의 기능인 browserRouter를 사용하는데 403에러가 발생한다.
oai 보안을 사용안하는경우(public 접근가능)는 에러가 발생안하고 되는것같은데(해보진않음..)
사용하는경우 browserRouter가 되지 않는다.
원인은 s3가 정적웹페이지를 지원하여 hashrouter를 사용해야한다고 한다.
그러면 browserRouter도 안되야 하는거 아닌가???
대부분 보면 에러발생하는것을 cloudfront에서 설정할수잇는 에러페이지에서 index.html 로 넘겨버리고 잘작동하는것처럼 나와잇다. 사실 에러 난것을 index.html로 옮긴것뿐인데.
https://stackoverflow.com/questions/66326106/react-router-locations-on-aws-s3-bucket-do-not-work
React-Router locations on AWS s3 bucket do not work
I have my static react app hosted in an AWS s3 bucket. It renders fine. However, I am utilizing react-router-dom to navigate between "pages." (I have enabled public access, enabled static
stackoverflow.com
hash router를 사용해야한다고한다.
browser router와 hash router의 차이
React Hash Router vs Browser Router (AWS S3 배포 404 에러)
aws 배포하며 알게된 사실
velog.io
React BrowserRouter와 HashRouter의 차이점 정리
리액트를 공부중인 리린이가 정리해본 React Router, 특히 BrowserRouter 와 HashRouter의 차이점에 대해서 정리한 글입니다. React Router React SPA(Single Page Application) 구현에 가장 많이 사용 되는 'rea..
worker-k.tistory.com
https://yonghyuc.wordpress.com/2021/04/09/hashrouter-vs-browserrouter/
HashRouter vs BrowserRouter
기본적인 React Router에 대해서는 여기서 설명했으나 여기서는 HashRoute와 BrowserRouter에 대해서 자세히 알아보고자 한다. 먼저 두 Router의 가장 큰 차이는 #을 사용하느냐 인데 이 # 이후에 있는 부분
yonghyuc.wordpress.com
https://minjoo-space.tistory.com/61
[React] BrowserRouter VS HashRouter
BrowserRouter VS HashRouter 강의에서도 그렇고 책에서도 그렇고 라우터를 사용할 때 이때는 이 라우터가 좀 더 효율적이고,,,이런 말들이 많았다. 나는 이 설명들이 한 번에 이해가 안갔기 때문에 라
minjoo-space.tistory.com
https://velog.io/@zxcvbnm5288/HashRouter-vs-BrowserRouter
HashRouter vs BrowserRouter
A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.HTML5 history API를 사용하여 UI(화면
velog.io
'CLOUD > AWS' 카테고리의 다른 글
| Cloudfront 동작방식 (0) | 2022.06.10 |
|---|---|
| AWS ECS repository pull 하는 방법 (이미지 다운) (0) | 2022.06.08 |
| AWS 보안그룹 규칙 소스에 보안그룹 넣기 (0) | 2022.05.26 |
| AWS cloudfront S3연동 / OAI를 이용 (access denied 문제 관련 해결) (2) | 2022.05.25 |
| [ECS] taskRole VS executionRole 차이 (0) | 2022.05.23 |
댓글