准备工作
本文讲述怎么在Docker中部署vuejs项目，该项目使用vue-cli创建项目。
- 安装docker服务，参考Install Docker；
- 安装docker-compose工具，参考Install Docker Compose；
- 拉取镜像node:6-alpine。
创建vue项目
1
2
| npm install -g vue-cli
vue init webpack myproject
|
部署vuejs项目
编写Dockerfile文件
1
2
3
4
5
6
7
8
9
10
11
12
| FROM node:6-alpine
ADD . /app
WORKDIR /app
RUN npm install -g http-server \
&& npm install \
&& ng build \
&& cp dist/index.html dist/404.html
EXPOSE 80
CMD ["http-server", "/app/dist", "-p", "80"]
|
编写docker-compose.yaml文件
1
2
3
4
5
6
7
| version: "2"
services:
master:
build: .
restart: always
ports:
- 8080:80
|
运行
1
| docker-compose up -d --build
|