spring vue 예제

스프링 부팅 백 엔드가 IDE에서 시작되면 (SpringBootVuejSApplication.java [26] 주 클래스에서 실행을 클릭하여) 코드 변경으로 백 엔드가 핫 로드됩니다. 여기에 제시 된 도구의 도움으로, 스프링 부트와 Vue.js와 개발은 이제 훨씬 더 빨리 이동해야합니다. 두 번째 항목은 고유한 클래스에 있습니다. 이는 메이븐 리소스 플러그인 [13]이 나중에 앞끝에서 백 엔드 모듈로 Vue.js 코드에서 생성 된 HTML, JavaScript 및 CSS 파일을 복사하는 데 사용되기 때문입니다. 따라서 Spring Boot의 통합 웹 서버는 일반적인 (REST) 백 엔드 인터페이스 외에도 전체 프런트 엔드를 즉시 제공 할 수 있습니다. 백 엔드 모듈의 pom.xml 섹션 [14] (목록 2)는 이것이 어떻게 작동하는지 구체적으로 보여줍니다. 마지막으로, 우리의 봄 부팅 컨트롤러는 src / 메인 / 자바에있을 것입니다 : 이제 http://localhost:8088/ 가서 첫 번째 Vue.js 봄 부팅 응용 프로그램을 살펴. 마지막으로 SpringBootVueApplication 클래스에 @EnableResourceServer 추가해야 합니다. 이 컨트롤러는 model.addAttribute를 사용하여 스프링 웹 모델 개체를 통해 뷰에 전달되는 데이터가 있는 단일 템플릿을 렌더링합니다. 또한, 준비가 되면 F는 봄의 모든 힘을 후드 아래에 가지고 있습니다.

우리는 봄 부팅 Vue.js를 통합으로, 우리는 확실히 우리의 봄 부팅 백 엔드가 우리에게 제공하는 그 좋은 RESTful 웹 서비스의 일부를 호출 할 수 있습니다. Vue.js에서 사용할 수 있는 웹 서비스에 액세스하는 라이브러리가 많이 있습니다. 그 중 하나는 Axios입니다, 이는 GitHub 별의 거대한 숫자와 매우 인기있는 약속 API 기반의 HTTP 클라이언트입니다. 프로젝트에서 axios를 사용하려면 npm 종속성만 설치하면 됩니다. 그것의 전체 목적은 개체 직렬화 (이 UUID 될 것 이므로 클라이언트 응용 프로그램에서 ID로 참조할 수 있습니다 하는 방식으로) 데이터 모델 인스턴스 ID를 반환 하는 Spring을 지시 하는 것입니다. 이미 발견 할 수 있듯이, 예제 프로젝트는 Heroku에 대한 라이브 배포 구성을 가지고 있습니다 : 마스터 지점에 모든 푸시와 함께, 우리의 스프링 부트 전원 Vue.js 응용 프로그램은 TravisCI에 의해 구축및 배포 : 이 튜토리얼은의 단계를 안내합니다 TodoMVC, REST API, JPA, 최대 절전 모드 및 MySQL과 함께 전체 스택 스프링 부트 VueJS 예제를 구축 : 나는 프론트 엔드 개발자가 아닙니다! 난 정말 스프링 부팅 같은 “백 엔드 물건”으로 놀고 싶어, 웹 및 마이크로 서비스, 방랑자, 패커, Ansible 및 Docker와 전체 인프라를 자동화 – 난 그냥 스프링 클라우드와 내 애플 리 케이 션을 확장 하 고 싶 었 하는 동안, Docker 군단과 Traefik… 이 문제를 해결하는 한 가지 방법은 CORS(교차 원본 리소스 공유 프로토콜)를 사용하는 것입니다.

This entry was posted in Uncategorized. Bookmark the permalink.

Comments are closed.