国瑞前端
立即登录 马上注册
当前位置: dokcer > 使用Dockerfile部署Vue CLI项目

配置Dockerfile

1
2
3
4
5
    FROM nginx:alpine
    LABEL maintainer="h@qq.com"
    COPY ./front/dist /usr/share/nginx/html
    COPY ./front/nginx.conf /etc/nginx/nginx.conf
    EXPOSE 80

通过Dockerfile创建镜像

1
2
3
docker build -t 网址:端口号/项目名称:版本 .

. 表示Dockerfile文件在当前目录下

通过镜像启动容器

1
2
3
4
5
6
docker run --name 容器名称 -p 映射外网端口号:docker容器映射端口号 -d 网址:端口号/项目名称:版本

docker run命令的常见参数有哪些?
- --name:指定容器名称
- -p:指定端口映射
- -d:让容器后台运行

重启容器

1
docker restart 容器名称

复制文件到容器

1
docker cp ./dist 容器名称:/

查看日志

1
docker logs -f --tail 200 容器名称

进入docker容器内部

1
2
3
4
5
6
7
8
9
10
11
12
13
14
docker exec -it mn /bin/sh
docker exec -it mn bash
执行【docker exec -it mn bash】报错(rpc error: code = 2 desc = oci runtime error: exec failed: container_linux.go:235: starting container process caused "exec: "bash": executable file not found in $PATH"
),可以执行【docker exec -it mn /bin/sh】

命令解读:

- docker exec :进入容器内部,执行一个命令

- -it : 给当前进入的容器创建一个标准输入、输出终端,允许我们与容器交互

- mn :要进入的容器的名称

- bash:进入容器后执行的命令,bash是一个linux终端交互命令

退出docker容器

1
exec

nginx.conf配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {

    server {

    listen 80;
    server_name localhost;

    location / {
            root   /usr/share/nginx/html;
            #解决vue中history模式前端页面刷新空白的问题
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
    }

    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;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

docker镜像添加标签

1
docker tag [镜像ID] [镜像名称]

docker镜像改名

1
docker tag [镜像ID] [新镜像名称]:[旧镜像名称]

创建镜像时设置开机自启

1
docker run -tid -name 容器id -p 端口号 -restart-always -v 挂载

已经启动镜像设置开机自启

1
docker update --restart = always 容器id

docker容器改名

1
docker rename 原容器名称 新容器名称

参考链接:https://blog.csdn.net/weixin_43484014/article/details/121376338

参考链接:https://blog.csdn.net/yhj198927/article/details/122964527

参考链接:https://blog.csdn.net/gh_xiaohe/article/details/124247007

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"使用Dockerfile部署Vue CLI项目"

最新评论

    暂无留言哦~~

博客简介

国瑞个人博客: https://www.huanggr.cn/,我们关注Web前端开发技术,web前端开发,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,了解更多..

博主独立研发主题:

  • 微信小程序

    欢迎扫码关注微信小程序

    免费领取学习资料和视频

广告

广告

广告

精彩评论

广告

站点统计

  • 文章总数: 350 篇
  • 草稿数目: 98 篇
  • 分类数目: 34 个
  • 独立页面: 5 个
  • 评论总数: 123 条
  • 链接总数: 10 个
  • 标签总数: 118 个
  • 注册用户: 154 人
  • 访问总量: 8,950,706 次
  • 最近更新: 2022年6月26日