Docker部署Vue

  • Docker部署Vue
  • 在服务器上创建一个存放该文件的文件夹,将生成的文件上传到这个文件夹下。
  • 上传的同级目录中创建Dockerfile以及nginx.conf两个文件。
  • # 设置基础镜像
    FROM nginx
    # 定义作者
    MAINTAINER L
    # 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
    COPY dist/ /usr/share/nginx/html/
    COPY nginx.conf /etc/nginx/nginx.conf
    RUN echo 'echo init ok!!'
    worker_processes auto;
    
    events {
    worker_connections 1024;
    } http {
    include mime.types;
    default_type application/octet-stream; sendfile on;
    keepalive_timeout 65; client_max_body_size 20m;
    server {
    listen 80;
    server_name localhost;
    location / {
    root /usr/share/nginx/html;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
    }
    error_page 500 502 503 504 /50x.html;
    location = /50x.html {
    root html;
    }
    }
    }
  • 创建镜像:docker  build  -t  vuejs:1.0 .
  • 查看镜像:docker images
  1. Docker部署Vue
  • 构建容器:docker run -d --name vue -p 80:80 vuejs:1.0

  • 查看容器启动状态:docker ps

  1. Docker部署Vue

  • 页面访问:http://服务器的ip/

上一篇:nginx部署vue工程和反向代理nodejs工程


下一篇:使用Docker部署Spring-Boot+Vue博客系统