Springboot + vue.js 업로드한 pdf 파일 열기, 다운로드
2021. 7. 1.
Springboot와 vue.js 조합으로 개인 프로젝트를 진행하던 중 pdf 파일 업로드 기능을 구현했다. 업로드, 업로드한 파일 삭제는 구글의 예제를 보며 순조롭게 구현했는데 업로드한 파일을 크롬 새 탭에 열거나 사용자 pc에 다운로드받는 기능을 구현할 때 문제를 겪었다. 다운로드를 누르면 사용자 pc에 다운이 받아지고 열기를 누르면 새 탭에 열려야 한다. 쉽게 찾을 수 있는 예제는 아래와 같다. 다운로드 열기 v-btn 태그를 a 태그로 바꿔도 문제없다. 이렇게 구현해도 vue 서버만 켜놓았을 때는 문제 없이 잘 작동한다. 하지만 아래 이미지처럼 Springboot를 사용한 서버에서 vue 빌드파일을 받아서 사용하는 구조일 땐 문제가 발생한다. vue 서버로 href를 타고 get 요청이 날아가면 ..