728x90
반응형

Vue.js 2

[Management] Nginx를 이용한 Vue.js와 Spring 배포

개요 저희 프로젝트는 AWS에 Spring Project 내부 /resources/static에 Vue.js 빌드파일을 넣고, WAR파일을 빌드하여 하나의 빌드파일로 배포를 하고 있었습니다. 원래는 한 서버에서 두 개의 파일을 빌드해야 프론트를 수정할 때 서버를 끄지 않고 진행할 수 있습니다. 하지만 의사소통의 문제로 하나의 빌드파일을 이용해서 배포를 하고 있었습니다. 그래서 AWS서버에 Nginx를 이용해서 Vue.js 빌드파일을 웹서버에 올리고, Spring과 연결하는 작업을 진행하였습니다. 1. EC2 서버에 접속하여 Nginx 설치 sudo apt-get update sudo apt-get install nginx #nginx 설치 sudo vi /etc/nginx/sites-enabled/def..

Project/Management 2022.11.08

[Management] vue.js 빌드 파일 spring project 병합

문제 인식 원래 생각했던 방식은 /src/resource/static 폴더에 빌드를 통해 만들어진 /js, /css index.html 파일을 넣고 http://localhost:8080/ 으로 접속하면 되겠다고 생각했습니다. 하지만 다른 설정이 필요했고, Spring Security도 적용되어 있어서 설정해줘야할 내용이 많았습니다. 설정 내용 config 파일이 모여있는 디렉터리에 WebMvcConfig 클래스를 생성하여 설정을 하였습니다. import org.springframework.context.annotation.Configuration; import org.springframework.core.io.ClassPathResource; import org.springframework.core.i..

Project/Management 2022.10.14
728x90
반응형