vue cli(3)docker 배치 vue
2395 단어 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 build . -t my-app
# Sending build context to Docker daemon 884.7kB
# ...
# Successfully built 4b00e5ee82ae
# Successfully tagged my-app:latest
Nginx
미 러,따라서 로그 의 방향 을 바 꾸 고 자기 데 몬 을 닫 았 습 니 다.Nginx 가 Docker 용기 에서 실행 할 수 있 는 다른 기본 설정 도 제공 합 니 다.더 많은 정보 참조 Nginx Docker 창고 입 니 다.docker run -d -p 8080:80 my-app
curl localhost:8080
# ...
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Swarm의 도커 비밀이 게시물에서는 Redis를 사용한 실제 시나리오 예제를 제공하여 사용 방법을 보여주고자 합니다. Docker 기술에 대한 기본 지식 Docker Swarm 오케스트레이터에 대한 기본 지식 "Docker Swarm ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.