SpringBoot + Vue 프로젝트 를 Nginx 에 배치 합 니 다.

1. 프로젝트 패키지 업로드 로 컬 SpringBoot 프로젝트

mvn clean package

패키지 Vue 프로젝트

yarn build

혹은

npm run build

SpringBoot 프로젝트 의 jar 패키지 와 Vue 프로젝트 의 디 렉 터 리 dist 를 업로드 합 니 다.
2. Nginx / usr / local / docker 디 렉 터 리 에 nginx 폴 더 nginx 디 렉 터 리 에 conf, html 디 렉 터 리 를 만 들 고 conf 에 nginx. conf 파일 을 만 듭 니 다.

mkdir -p /usr/local/docker/nginx
cd /usr/local/docker/nginx
mkdir conf html
vi conf/nginx.conf

아래 내용 을 입력 하 십시오

worker_processes  1;
events {
    use epoll;
    worker_connections  1024;
}
http {
    include	  mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    client_header_buffer_size 2k;
    server {
	listen       8081;
    server_name  ;
    location / {
        root   /usr/share/nginx/html/html80/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }

	location /api {
            proxy_pass http://*.*.*.*:8080/;
        }
    }
}

listen 과 servername vue 프로젝트 의 포트 와 ip try 방문files 속성 은 페이지 리 셋 을 방지 하기 위해 404 오류 location / api 에서 배경 인 터 페 이 스 를 대리 합 니 다.
html 디 렉 터 리 아래 html 80 디 렉 터 리 를 만 들 고, dist 를 html 80 아래 nginx 에 압축 해제 하여 enviroment 디 렉 터 리 를 만 들 고, enviroment 에 들 어가 Dockerfile 파일 을 만 듭 니 다.
jar 가방 은 네 것 으로 바 꿔.

FROM java:8
COPY mydepartment-0.0.1-SNAPSHOT.jar mydepartment.jar
EXPOSE 8080
ENTRYPOINT ["nohup","java","-jar","mydepartment.jar","&"]

nginx 에서 docker - compose. yml 파일 만 들 기
자신의 항목 의 상황 에 따라 상응하는 설정 을 수정 하 다

version: '3.1'
services:
  nginx:
    restart: always
    image: nginx
    container_name: nginx
    ports:
      - 8081:8081
    volumes:
      - ./conf/nginx.conf:/etc/nginx/nginx.conf
      - ./html:/usr/share/nginx/html
  mydepartment:
    container_name: mydepartment
    build: environment
    ports:
      - 8080:8080

운행 하 다.

docker-compose up -d

댓 글 소통 환영!!