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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.