[React] gh-pages route 오류

function App() {
  let state = useSelector((state) => {return state.headerMenu});
  return (
    <BrowserRouter basename={process.env.PUBLIC_URL}>
      {state && <Modal/>}
      <Header/>
      <Routes>
        <Route path="/" element={<Index />} />
        <Route path="/react-portfolio/*" element={<Index />} />
      </Routes>
      <Footer/>
    </BrowserRouter>
  );
}
export default App;

 

 basename={process.env.PUBLIC_URL}

라고 써도 자꾸 기본이름이 안맞다고 해서 도대체 뭐가 문제야~~~ 하고 시간 좀 날렸는데..

로컬에서만 계속 보고 뒤에 주소를 안붙이고 확인해서 그랬다.. 머쓱..

쉬운거였네..

밑에 글들을 참고 했었음!

 

https://uiyoji-journal.tistory.com/88

 

[gh-pages] CRA 배포 시 homepage 경로를 참조하지 못할 때

https://bum-developer.tistory.com/entry/React-gh-pages%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%9C-%ED%8E%98%EC%9D%B4%EC%A7%80%EA%B0%80-router%EB%A5%BC-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EC%9D%B8%EC%8B%9D-%EB%AA%BB%ED%95%B4%EC%9A%94

[React] gh-pages로 배포한 페이지가 router를 제대로 인식 못해요!

https://medium.com/@_diana_lee/react-react-router-%EC%A0%81%EC%9A%A9%ED%95%9C-react-%EC%95%B1%EC%9D%84-github-pages%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EB%8A%94-%EB%B2%95-5f6119c6a5d9

[React] react-router 적용한 React 앱을 github pages로 배포하는 법