docker启动vue

发表于 更新于 分类于
本文字数： 483 阅读时长 ≈ 1 分钟

准备

  需要准备东西有：

  1. docker环境
  2. vue项目

部署

项目build

  将vue项目build得到dist文件夹。这里是页面等资源文件。

1
npm run build

构建

  将得到的可执行dist构建成docker镜像。

  将得到的dist文件放入指定目录下，并且在同目录下建立Dockerfile文件(文件名不能错)。
  Dockerfile文件内容：

1
2
3
4
5
6
# 设置基础镜像，这里使用最新的nginx镜像，前面已经拉取过了
FROM nginx
# 定义作者 Edison
MAINTAINER Edison 
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/

  执行docker构建命令，得到docker镜像。

1
docker build -t <镜像名称> .

验证

  构建完成后，就可以在镜像列表查看是否有新构建的镜像，也可以运行该镜像。

相关文章