Dockerfile + Nginx. conf 파일 기록 (전단 프로젝트 배치 에 사용)

1758 단어
Dockerfile + Nginx. conf 파일 기록 (전단 프로젝트 배치 에 사용)
본 튜 토리 얼 은 개인의 이해 와 실제 검증 을 거 쳐 정확 하 다 는 것 을 기록 하여 필기 할 권리 가 있다.
주: Liux 운영 체제 (민감 한 정 보 를 모두 처리) 를 기반 으로 기본 서버 에 docker 와 nginx 가 설치 되 어 있 습 니 다.
이 글 은 다른 블 로그 와 결합 하여 전단 서비스 배 치 를 공동으로 구성 하 는 튜 토리 얼 을 기록 합 니 다.저 는 Docker 를 사용 하여 발표 하고 nginx 를 사용 하여 정적 자원 처 리 를 했 습 니 다. 여 기 는 Dockerfile 과 Nginx. conf 의 역할 과 내부 명령 을 상세 하 게 분석 하지 않 습 니 다.
Dockerfile
FROM nginx:1.15.2-alpine
COPY ./dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80

전단 프로젝트 는 npm 패키지 관 리 를 바탕 으로 umi 프레임 워 크 를 사용 합 니 다. ui 라 이브 러 리 는 Antd 이 고 복잡 한 구조 와 관련 이 없 기 때문에 Dockerfile 은 매우 간단 합 니 다. nginx 를 기본 미 러 로 포장 한 dist 자원 파일 을 미 러 에 가 져 오고 nginx. conf 설정 파일 을 미 러 에 넣 습 니 다. nginx. conf 는 용기 의 80 포트 를 숙 호스트 에 노출 하 는 것 을 소개 합 니 다.
nginx.conf
server {
    listen 80;
    # gzip config
    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";

    root /usr/share/nginx/html;

    location / {
        try_files $uri $uri/ /index.html;
    }
    location /api {
        proxy_pass https://preview.pro.ant.design;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   Host              $http_host;
        proxy_set_header   X-Real-IP         $remote_addr;
    }
}

Dockerfile 파일 에서 볼 수 있 듯 이 자원 파일 을 / usr / share / nginx / html 아래 에 두 었 기 때문에 루트 를 이 경로 로 지정 합 니 다. location 의 tryfiles 가 자원 에 위치 하고 $uri $uri/ /index.html 의 분석 은 참고 할 수 있 습 니 다.https://www.cnblogs.com/boundless-sky/p/9459775.html

좋은 웹페이지 즐겨찾기