리액트랑 스프링부트 연동하는데 이상합니다

Question

리액트 프로젝트는 vite로 생성했습니다.import {BrowserRouter, Routes, Route} from "react-router-dom"; import Login from "./components/Login.jsx"; function App() { return ( <> } /> } /> ) } export default App 이런 코드가 있고, npm run build 명령어를 입력해서 리액트를 빌드 했고그 빌드 결과물을 스프링 프로젝트의 resources/static 에 넣고 스프링 서버를 실행시킨 다음http://localhost:8080/ 으로 접속하면 컴포넌트가 잘 출력이 되지만,http://localhost:8080/login 으로 접속하면 404 Not Found 가 발생합니다.뭐가 문제일까요? 프론트엔드 서버에서는 /login 으로 접속해도 컴포넌트가 잘 출력됩니다..빌드 여러번 해도 마찬가지네요..참고로 스프링 의존성에 Security 같은건 없습니다

김을동 · Answer

에러리졸버를 오버라이드 해서 404를 /로 포워드 시켜야함니다

カワウソ · Answer

서버는 루트 경로에 대해 index.html 로 응답할 뿐이고 나머지 경로에 대해서는 알아서 처리하지 않아요.URL로 직접 접근할 수 있어야하는 경로는 별도로 index.html 로 처리될 수 있도록 해야합니다.

리액트랑 스프링부트 연동하는데 이상합니다

2개의 답변

Q&A 목록