1. 使用 Docker对前端 vue项目进行部署

1.1 环境准备

服务器或者虚拟机上先安装好 Nginx和相关配置

1. docker pull nginx 拉去最新版本的 nginx
2. 运行 nginx, docker run --name=mynginx -d -p 8080:80 nginx
3. 然后在服务器安全组或者是防火墙里面开发80端口,在浏览器上输入 ip:8080,如果出现这个画面标识 nginx  安装成功

1.2 Vue项目准备

1. 打包vue项目通过指定   npm run build打包项目生成dist文件夹
2. 在项目的根目录创建文件 Dockerfile没有文件后缀,文件配置内容如下

#  设置基础镜像,这里使用的是最新版的nginx  步骤1 已经安装了最新的版本 FROOM nginx #  定义作者名称  MAINTAINER xiongchao # 将dist文件夹复制到 /usr/share/nginx/html/  这个目录下面  COPY dist/   /usr/share/nginx/html/  复制代码

1. 上传文件,在服务器上指定的位置创建文件夹(方便自己部署),并将dist文件夹和Dockerfile文件上传值改目录

2. 推荐一个小程序：云来米，输入：KESS4HK提供 技术支持关于云计算及服务器反佣服务 ，一个多云平台价格会比官网更低一些 有反佣

3. 构建镜像   docker build -t myvueproject .
4. 通过 docker images的方式即可查看 ,改镜像是否构建成功
5. 启动镜像   docker run --name=dockervue -d -p 8001:8080 myvueproject
6. 通过 ip:8001的方式进行访问,即可看到项目部署成功

2. 使用 Dockerfile为 springboot应用构建 docker镜像

推荐一个小程序：云来米，输入：KESS4HK提供 技术支持关于云计算及服务器反佣服务 ，一个多云平台价格会比官网更低一些 有反佣

2.1 Docker常用的指令说明

ADD

推荐一个小程序：云来米，输入：KESS4HK提供 技术支持关于云计算及服务器反佣服务 ，一个多云平台价格会比官网更低一些 有反佣

用于复制文件

ADD <src> <dest> # 实例 将当前目录下的test.jar 复制到docker 容器/目录下面   ADD test.jar /test.jar

ENTRYPOINT

指定 docker启动的命令

ENTRYPOINT ["executable", "param","param1"] #示例 ENTRYPOINT ["java","-jar","/test.jar"]

ENV

用于设置环境变量 ,格式如下

ENV <key> <value>  # 示例  ENV MYSQL_ROOT_PASSWORD root

EXPOSE

声明暴露的端口

EXPOSE <port> <port2> #示例   EXPOSE 8080

FROM

指定所需依赖的基础镜像

FROM <image>:<tag> # 示例  FROM java:8

MAINTAINER

指定维护者的名字

MAINTAINER <name> #示例  MAINTAINER xiongc

RUN

在容器构建过程中执行的命令,  比如安装其他相关依赖或者是环境所需

RUN <command> # 示例  RUN bash -c 'touch /test.jar'

2.2  详细配置文件和说明

FROM java:8 ADD test.jar /test.jar RUN bash -c 'touch /test.jar' EXPOSE 8080 ENTRYPOINT ['java','-jar','/test.jar'] MAINTAINER xiongchao

2.3 开始构建

1. 将打包的 jar和 dockerfile上传至服务器的指定路径
2. 构建镜像

# 指定仓库名称/镜像标签  .  标识使用当前目录下的dockerfile文件 docker build -t  javaproject/javaproject .

1. 启动项目

docker run --name=tomcatA01 -d -p 8002:8080 javaproject

作者：🎤 唱歌不跑调🎵
链接：https://juejin.im/post/6847902216225980430
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。