Front/Vue3 IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 2 상황 저번 포스팅에서는 vue.js를 IntelliJ에 설치를 했다면,이번에는 backend 서버와 frontend서버를 연결하여 데이터 주고 받기를 해볼 차례다. 설치 포스팅 👇 2023.04.19 - [Programming/Vue] - IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 1 적용 ✔️. backend 서버와 frontend 서버를 연결하여 데이터 주고 받기 Spring Boot와 Vue.js 설치를 했으니, 이제 연동을 시켜보자. 📌 Proxy서버를 활용하여 연동할 수 있다. Spring Boot(백엔드 서버)와 Vue.js(프론트엔드 서버)를 연결하기 위해 중계인인 Proxy가 필요하다. 나같은 경우에는 백엔드는 8081 (application.properties.. 2023. 4. 19. IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 1 상황 이제 Back API는 마무리 되었고, Front 개발 차례이다. 내부회의에서 Vue와 React 중 어떤 것을 고를지 결정하기 전에 프로젝트 내부에 각각 세팅을 해보고, 비교해서 결정하기로 했다. 적용 이 프로젝트 세팅은 아래 사항들을 이미 완료했다고 가정하고 시작한다. 1. JAVA(v11) 설치 2. Node.js 설치 3. Git 설치 4. Spring Boot 세팅 완료 ✔️1. terminal Shell path 변경 사진과 같이 터미널의 shell path를 Git파일에 들어가 bin에 위치한 sh.exe 파일을 선택해주고, -login -i 를 입력한다. IntelliJ 툴을 껐다 켜면 Git bash 터미널 적용이 완료된다. Shell path: C:\Program Files\Git.. 2023. 4. 19. [Vue, Spring Boot]Proxy error: Could not proxy request ~ 상황 그동안 내가 맡았던 프로젝트는 front와 back이 뚜렷한 경계없이 Spring boot, JavaScript를 사용하여 한 프로젝트 내에서 풀스택으로 개발을 진행했다. 올해부터는 회사에서 내부 프로젝트를 진행하면서, front-end와 back-end의 구분을 나누게 되었다. back과 front를 분리하여 개발을 진행하는 것이 처음이다보니, 생각지도 못한 곳에서 에러가 발견되곤 했다. (글에 본격적으로 들어가기에 앞서, 나는 Vue2에 대한 전반적인 내용만 겉핥기식으로 이해하고 있는 상황이라서 잘못된 내용이 있을 수도 있다. 문제 있을 경우 살포시 알려주시면 더 공부해보겠다.) 환경 front : vue 2 (8080 포트사용) back : Spring Boot (8081 포트사용) IDE :.. 2023. 2. 28. 이전 1 다음
