spring vue 예제

전형적인 Spring Boot 시작 로그를 보고 싶다면 docker 로그 745e854d7781 –follow: 스프링 부트 및 Vue.js를 사용한 개발 프로세스 예제 프로젝트를 설정하는 과정에서 나는 정말 로큰롤의 훌륭한 자동 배포 기능과 사랑에 빠졌습니다. 헤로쿠와 헤로쿠 파이프라인. „CI가 배포되기 전에 통과할 때까지 기다립니다” 확인란을 선택하면 완전히 작동하는 파이프라인을 얻고 예제 프로젝트도 배포할 준비가 되었는지 확인할 수 있습니다! 이 위대한 플랫폼, 베네딕트에 저를 가리키는 다시 한번 감사드립니다! 이제 백 엔드는 CORS 를 사용하도록 응답하고 8080의 요청을 수락합니다. 그러나 이것은 한 가지 방법에서만 CORS를 가능하게하므로 좋은 스타일이 아닌 모든 REST 끝점에 이 주석을 반복적으로 추가해야합니다. 모든 REST 리소스에 CORS를 사용하도록 설정한 전역 솔루션을 사용하여 액세스하도록 해야 합니다. 이 작업은 SpringBootVuejsApplication.class에서 수행할 수 있습니다. -d 옵션이 없으면 Vue CLI에는 포함 할 옵션을 선택할 수있는 꽤 깔끔한 인터페이스가 있습니다. 그것은 다른 시간을 체크 아웃 가치가있다. 빌드할 프로젝트는 Evan You의 Vue TodoMVC 예제 프로젝트를 기반으로 합니다. 차이점은 이 프로젝트가 브라우저 로컬 저장소 대신 Spring Boot 서버를 사용하여 토도를 유지한다는 것입니다.

프런트 엔드 빌드 프로세스 (/frontend/target/dist)의 결과를 가져와서 /backend/src/main/resources/public 폴더에 배치합니다. 이 간단한 자바 -jar 백엔드 -0.0.1-SNAPSHOT.jar우리의 스프링 부팅 응용 프로그램을 실행하고 모든 프런트 엔드 자산을 제공 할 것입니다. 하지만 우선 봉사할 프론트엔드를 구축하자! 여기에 우리의 응용 프로그램은 매우 간단하기 때문에, 우리는 여기에 구현하는 하나의 작업이 : 로그인. 현재 Spring Boot 백 엔드에서 하나의 관리자 사용자만 정의하고 현재 구현된 로그아웃이 필요하지 않기 때문에 로그아웃을 생략하고 작업을 등록합니다. 둘 다 나중에 구현 될 수있다! 개발자 : { … proxyTable: { // 프록시 우리의 스프링 부트 백 엔드에 /api로 시작하는 모든 웹 팩 개발 서버 요청 (localhost:8088) `/api`: {대상: `http://localhost:8088`, changeOrigin: true } }, 이제 Dockerized 스프링 부트 powererd Vue.js 앱 내부에 액세스 http://localhost:8088 브라우저. 사용하기 쉬운 웹 기반 편집기: https://vuejs.org/v2/examples/ 사용하려는 서버 기술은 Spring Boot입니다. 순수하고 순수한 스프링 (프리 스프링 부츠)은 매우 강력하지만 잠재적으로 시간을 빠는 실망과 같은 베헤모스의 비트입니다.