spring boot3 vue3 하나의 서버로 동작하도록 설정

Question

안녕하세요 현재 회사에서 프론트로는 vue3를 백엔드로는 springboot를 사용해서 프레임워크를 세팅하고 있습니다.개발과정에서 궁금한 사항이 생겨서 질문 남깁니다.Vue를 build를 하고 serve를 하면 8080포트에 실행이 되고boot 톰켓을 실행하면 9090포트에 실행이 되는데제가 하고 싶은 것은 boot 톰켈을 실행하면 vue가 build가 되고 9090포트에서 Vue에 라우터에 설정된 url을 입력하면화면이 나오도록 하고 싶습니다.구글링 참조해서 해봤는데 잘 안되더라구요...스프링시큐리티를 사용해서 그런지 401에러가 게속 발생했습니다.프로젝트 구조는srcfrontendmaintestresourcesstatic js index.htmltemplate이런 구조인데 vue를 build하면 resources/static에 build 파일들이 생기면서 index.html을 들어가면 vue 라우터에 설정된 url을 이용할 수 있어야 하는데..저는 여기서 401 에러가 발생합니다.물론 시큐리티에서 모든 권한을 permitAll로 설정해놓아서 401이 뜨면 안되는데... boot하고 vue를 하나의 서버로 관리할 수 있는 방법이 있나요??

하루의_spring · Answer

시큐리티 떄문에 그런거 같은데 유저를 만들어서 권한을 부여하면 바로 될꺼 같습니다

fluorvrey · Answer

시큐리티에 뷰의 모바일 라우팅 url 접근 제한걸린거 아닐까요

Clickin · Answer

Resourcehandler도 설정하셔야합니다주소로 날아가는걸 vue router가 가로챌 수 있도록 전부 index.html에 날려주셔야합니다

spring boot3 vue3 하나의 서버로 동작하도록 설정

3개의 답변

기술 목록