skip to content
天真笔录

docker部署前端项目

/ 1 min read

准备Dockerfile

FROM nginx:latest
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

准备nginx配置文件

server {
  server_name localhost;
  listen 80;
  listen [::]:80;


  location / {
    root /usr/share/nginx/html;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
  }

  location /project {
    proxy_pass http://xx.xx.xx.xx:8888;
    proxy_http_version 1.1;
  }
}

proxy_pass 不能使用localhost

构建镜像

docker build -t project:0.1 .

运行容器

docker run --name project -p 80:80 -v /data/front/project/project.conf:/etc/nginx/conf.d/project.conf -v /data/front/project/dist:/usr/share/nginx/html/ -d --restart=always project:0.1

常用指令

  1. docker exec -it /bin/bash
  2. docker cp dist/ id:/usr/share/nginx/html
  3. docker inspect id