[React] gh-pages로 react-router-dom 페이지 업로드할 경우 #gh-pages#react-router-dom

로컬에서 작업하듯이 하고 페이지를 git서버에 올리면 아무것도 없는 흰색 화면이 뜨는 경우가 있다.

 

router의 설정 문제 때문이었다.

 

import { BrowserRouter as Router } from "react-router-dom";

function App() {
  return (
      <Router basename={process.env.PUBLIC_URL}>
          <Routers />
      </Router>
  );
}

export default App;

제일 처음 라우터 설정에 basename={process.env.PUBLIC_URL} 설정을 꼭 붙여주자!!