Vue | CentOs7 + Tomcat + Frontend(vue.js) + Backend(java spring boot) 8080
페이지 정보
작성자 전소현 작성일20-08-19 20:59 조회2,740회 댓글0건관련링크
본문
프로젝트
프론드, 벡엔드
분리된 서비스 tomcat 구동하기
1. [Frontend]
Vue
2. 프론트 build 생성
3. 생성된 dist 폴더 파일 벡엔트 파일 복사
프로젝트/ src/main/static <-- 복사
4. [Backend]
Java Spring Boot
5. pom.xml war 생성되도록 수정 - eclipse
<packaging>war</packaging>
<plugin>
<artifactId>maven-resources-plugin</artifactId>
<version>3.1.0</version>
<executions>
<execution>
<id>copy-resources</id>
<phase>package</phase>
<goals>
<goal>copy-resources</goal>
</goals>
<configuration>
<outputDirectory>.deploy</outputDirectory>
<resources>
<resource>
<directory>./target</directory>
<includes>
<include>*.war</include>
</includes>
</resource>
<resource>
<directory>src/main/webapp</directory>
<includes>
<include>resources/**</include>
</includes>
</resource>
</resources>
</configuration>
</execution>
</executions>
</plugin>
6. 포트 프론트,벡엔드 8080 하나로 잡는다.
- 벡엔드 : application-local.yml
server:
port: 8080
- 프론트 : module.exports = {
publicPath: '/',
devServer: {
proxy: {
'/account': {
target: 'http://127.0.0.1:8080'
}
}
}
}
env.local
NODE_ENV = 'local'
BASE_URL = '/'
VUE_APP_API_URL = 'http://127.0.0.1:8080'
7. mvn clean package
8. run >> Maven build 실행
- goals : package
- profiles : pom.xml
9. war 파일 생성됨
10. target 위치 war 파일명 변경
11. /usr/local/apache-tomcat-8.5.27/webapps war 업로드
12. 구동하기
./catalina.sh run
프론드, 벡엔드
분리된 서비스 tomcat 구동하기
1. [Frontend]
Vue
2. 프론트 build 생성
3. 생성된 dist 폴더 파일 벡엔트 파일 복사
프로젝트/ src/main/static <-- 복사
4. [Backend]
Java Spring Boot
5. pom.xml war 생성되도록 수정 - eclipse
<packaging>war</packaging>
<plugin>
<artifactId>maven-resources-plugin</artifactId>
<version>3.1.0</version>
<executions>
<execution>
<id>copy-resources</id>
<phase>package</phase>
<goals>
<goal>copy-resources</goal>
</goals>
<configuration>
<outputDirectory>.deploy</outputDirectory>
<resources>
<resource>
<directory>./target</directory>
<includes>
<include>*.war</include>
</includes>
</resource>
<resource>
<directory>src/main/webapp</directory>
<includes>
<include>resources/**</include>
</includes>
</resource>
</resources>
</configuration>
</execution>
</executions>
</plugin>
6. 포트 프론트,벡엔드 8080 하나로 잡는다.
- 벡엔드 : application-local.yml
server:
port: 8080
- 프론트 : module.exports = {
publicPath: '/',
devServer: {
proxy: {
'/account': {
target: 'http://127.0.0.1:8080'
}
}
}
}
env.local
NODE_ENV = 'local'
BASE_URL = '/'
VUE_APP_API_URL = 'http://127.0.0.1:8080'
7. mvn clean package
8. run >> Maven build 실행
- goals : package
- profiles : pom.xml
9. war 파일 생성됨
10. target 위치 war 파일명 변경
11. /usr/local/apache-tomcat-8.5.27/webapps war 업로드
12. 구동하기
./catalina.sh run
[주소복사] https://www.goodsweb.kr/?u=D41A4yC
SNS 알리기
핀터레스트
텔레그램로
블로그로
페이스북
트위터
카카오스토리
카톡 공유
관련 블로그
로딩중