Docker部署vue项目

• 补充1：docker部署vue项目https://blog.csdn.net/wenxingchen/article/details/119167860
  
  
  
  
  

• 补充2： Docker镜像+nginx 部署 vue 项目-完整版本 https://www.cnblogs.com/cuianbing/p/16187180.html
  
  

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    access_log  /var/log/nginx/host.access.log  main;
    error_log  /var/log/nginx/error.log  error;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        #  注意⚠️：如果vue-router使用的是history模式，try_files $uri $uri/ /index.html;  非常重要！！！
        # 如果使用了hash模式，可以省略这个
        try_files $uri $uri/ /index.html;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

• 构建镜像

docker build -t xiaobiaowebdocker .

• 运行容器：

                   容器名称(每次运行容器不同名称)  镜像名称(上一步生成镜像的名称)
docker run --name xiaobiaoweb03 -d -p 9020:80 xiaobiaowebdocker

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    access_log  /var/log/nginx/host.access.log  main;
    error_log  /var/log/nginx/error.log  error;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        #  注意⚠：如果vue-router使用的是history模式，try_files $uri $uri/ /index.html;  非常重要！！！
        # 如果使用了hash模式，可以省略这个
        try_files $uri $uri/ /index.html;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

• 总结：上面是在项目根目录下创建的nginx配置文件和dockerfile文件，在服务器上则可以
  
  
  

• 附:参考链接：
  https://www.jianshu.com/p/03dde86ebd4e
  https://blog.csdn.net/l1158513573/article/details/124580101

• 生成镜像时报错问题参考：https://blog.csdn.net/voke_/article/details/116160267
  
  

• 补充3： Docker镜像 部署 .net core api 项目-完整版本
  
  
  
  
  
  

• 构建镜像

docker build -t xiaobiaoapidocker .

// 使用上面的构建镜像命令后如果提示文件不存在问题则尝试使用下面的命令
// 最后的 两个逗号表示：在上一级目录运行Dockerfile文件
docker build -t xiaobiaoapidocker -f Dockerfile ..   

• 运行容器

docker run --name xiaobiaoapiContainer01 -d -p 9021:80 xiaobiaoapidocker