vue cli(3)docker 배치 vue

2395 단어 docker
Docker 용기 에 Nginx 를 사용 하여 응용 프로그램 을 배치 합 니 다.
  • 설치 Docker
  • 프로젝트 루트 디 렉 터 리 에 만 들 기  Dockerfile  파일
    FROM node:10
    COPY ./ /app
    WORKDIR /app
    RUN npm install && npm run build
    
    FROM nginx
    RUN mkdir /app
    COPY --from=0 /app/dist /app
    COPY nginx.conf /etc/nginx/nginx.conf
    
  • 프로젝트 루트 디 렉 터 리 에 만 들 기  .dockerignore  파일 설정  .dockerignore  파일  node_modules  다른 중간 구축 물 과 미 러 에 복사 되 어 구축 문제 가 발생 했 습 니 다.
    **/node_modules
    **/dist
    
  • 프로젝트 루트 디 렉 터 리 에 만 들 기  nginx.conf  파일 Nginx Docker 용기 에서 실행 할 수 있 는 HTTP(s)서버 입 니 다.설정 파일 을 사용 하여 내용,감청 할 포트 등 을 결정 합 니 다.참고 하 다 Nginx 설정 문서 가능 한 모든 설정 옵션 을 알 수 있 습 니 다.다음은 간단 한 거 예요.  Nginx  파일 설정  80  포트 에 Vue 항목 을 제공 합 니 다.  /  404  오류  index.html,이것 은 우리 로 하여 금 기 초 를 사용 할 수 있 게 한다.  pushState()  경로
    user  nginx;
    worker_processes  1;
    error_log  /var/log/nginx/error.log warn;
    pid        /var/run/nginx.pid;
    events {
      worker_connections  1024;
    }
    http {
      include       /etc/nginx/mime.types;
      default_type  application/octet-stream;
      log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                        '$status $body_bytes_sent "$http_referer" '
                        '"$http_user_agent" "$http_x_forwarded_for"';
      access_log  /var/log/nginx/access.log  main;
      sendfile        on;
      keepalive_timeout  65;
      server {
        listen       80;
        server_name  localhost;
        location / {
          root   /app;
          index  index.html;
          try_files $uri $uri/ /index.html;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
          root   /usr/share/nginx/html;
        }
      }
    }
    
  • 당신 의 Docker 미 러
    docker build . -t my-app
    # Sending build context to Docker daemon  884.7kB
    # ...
    # Successfully built 4b00e5ee82ae
    # Successfully tagged my-app:latest
    
  • 구축
  • 에서 Docker 미 러 를 실행 하 는 이 예 는 공식 적 인 것 을 바탕 으로 합 니 다.  Nginx  미 러,따라서 로그 의 방향 을 바 꾸 고 자기 데 몬 을 닫 았 습 니 다.Nginx 가 Docker 용기 에서 실행 할 수 있 는 다른 기본 설정 도 제공 합 니 다.더 많은 정보 참조 Nginx Docker 창고 입 니 다.
    docker run -d -p 8080:80 my-app
    curl localhost:8080
    # ...

  • 좋은 웹페이지 즐겨찾기