HOME 개발팁 CentOs7 + Tomcat + Frontend(vue.js) + Backend(java spring boot) 8080

프로그램 작업하다 좋은 팁, 정보, 테스트를 기록하는 곳입니다.


Vue | CentOs7 + Tomcat + Frontend(vue.js) + Backend(java spring boot) 8080

페이지 정보

작성자 전소현 작성일20-08-19 20:59 조회2,747회 댓글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

[주소복사] https://www.goodsweb.kr/?u=D41YE46F
SNS 알리기
핀터레스트
텔레그램로
블로그로
카카오스토리
카톡 공유

관련 블로그
로딩중


6명  IP : 18.222.♡.143
001 3.♡.203.68 CentOs 8.2 + jar 서비스 올리기 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=317&page=3)
002 34.♡.82.78 온라인 시험 프로그램 (퀴즈,자격증, 문제풀이,평가,모의고사) - 패키지몰
(/bbs/board.php?bo_table=pmall&wr_id=26)
003 141.♡.61.111 오류안내 페이지
(/bbs/login_check.php)
004 34.♡.82.64 데이타테이블 : 엑셀다운로드 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=241)
005 18.♡.227.69 npm build 생성방법 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=304&sca=Vue)
006 34.♡.82.67 JSP 서블릿(Servlet)
(/inpage/page_jsp_servlet.php)

접속자
  • 오늘 : 234
  • 어제 : 363
  • 최대 : 874
  • 전체 : 404,156

검색로봇(Robots) 최근 방문시간
  • NAVER : 34분 전
  • BING : 11시간 전
  • GOOGLE : 18시간 전
  • DAUM : 4일 전

ETH : 0x8abf3B748ab78828AE07685e4fd53d1a606f18D3



페이스북 네이버 블로그 굿스웹 쇼핑몰 네이버 카페 굿스웹 트위터 굿스웹 티스토리 Google Play