add docker-compose start

.dockerignore

@@ -0,0 +1,8 @@
+node_modules
+coverage
+build
+env
+htmlcov
+.dockerignore
+Dockerfile-dev
+Dockerfile-prod

.env

@@ -0,0 +1 @@
+NODE_PATH=./src

Dockerfile-dev

@@ -0,0 +1,15 @@
+# base image
+FROM node:11.6.0-alpine
+
+# set working directory
+WORKDIR /usr/src/app
+
+# add `/usr/src/app/node_modules/.bin` to $PATH
+ENV PATH /usr/src/app/node_modules/.bin:$PATH
+
+# install and cache app dependencies
+COPY package.json /usr/src/app/package.json
+RUN npm install --silent
+
+# start app
+CMD ["npm", "run", "serve"]

Dockerfile-prod

@@ -0,0 +1,41 @@
+
+###########
+# BUILDER #
+###########
+
+# base image
+FROM node:11.6.0-alpine as builder
+
+# set working directory
+WORKDIR /usr/src/app
+
+# install app dependencies
+ENV PATH /usr/src/app/node_modules/.bin:$PATH
+COPY package.json /usr/src/app/package.json
+RUN npm install --silent
+
+
+# create build
+COPY . /usr/src/app
+RUN npm run build
+
+
+#########
+# FINAL #
+#########
+
+# base image
+FROM nginx:1.15.8-alpine
+
+# update nginx conf
+RUN rm -rf /etc/nginx/conf.d
+COPY conf /etc/nginx
+
+# copy static files
+COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
+
+# expose port
+EXPOSE 80
+
+# run nginx
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -75,6 +75,20 @@ npm install or yarn
 npm run serve or yarn (run) serve
 ```
 
+## Docker 快速安装
+
+开发环境：
+
+```sh
+docker-compose -f docker-compose-dev.yml up -d --build
+```
+
+生产环境：
+
+```sh
+docker-compose -f docker-compose-prod.yml up -d --build
+```
+
 ## 下个版本开发计划
 
 - [ ]  完成插件机制

conf/conf.d/default.conf

@@ -0,0 +1,12 @@
+server {
+  listen 80;
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html;
+  }
+  error_page   500 502 503 504  /50x.html;
+  location = /50x.html {
+    root   /usr/share/nginx/html;
+  }
+}

docker-compose-dev.yml

@@ -0,0 +1,25 @@
+version: '3.7'
+
+services:
+
+  client:
+    build:
+      context: .
+      dockerfile: Dockerfile-dev
+    volumes:
+      - '../lin-cms-vue:/usr/src/app'
+      - '/usr/src/app/node_modules'
+    ports:
+      - 8080:8080
+    environment:
+      - NODE_ENV=development
+
+  nginx:
+    build:
+      context: ./nginx
+      dockerfile: Dockerfile-dev
+    restart: always
+    ports:
+      - 80:80
+    depends_on:
+      - client

docker-compose-prod.yml

@@ -0,0 +1,23 @@
+version: '3.7'
+
+services:
+
+  client:
+    container_name: client
+    build:
+      context: .
+      dockerfile: Dockerfile-prod
+      args:
+        - NODE_ENV=production
+    expose:
+      - 80
+
+  nginx:
+    build:
+      context: ./nginx
+      dockerfile: Dockerfile-prod
+    restart: always
+    ports:
+      - 80:80
+    depends_on:
+      - client

nginx/Dockerfile-dev

@@ -0,0 +1,4 @@
+FROM nginx:1.15.8-alpine
+
+RUN rm /etc/nginx/conf.d/default.conf
+COPY /dev.conf /etc/nginx/conf.d

nginx/Dockerfile-prod

@@ -0,0 +1,4 @@
+FROM nginx:1.15.8-alpine
+
+RUN rm /etc/nginx/conf.d/default.conf
+COPY /prod.conf /etc/nginx/conf.d

nginx/dev.conf

@@ -0,0 +1,16 @@
+server {
+
+  listen 80;
+
+  location / {
+    proxy_pass http://client:8080;
+    proxy_http_version 1.1;
+    proxy_redirect    default;
+    proxy_set_header  Upgrade $http_upgrade;
+    proxy_set_header  Connection "upgrade";
+    proxy_set_header  Host $host;
+    proxy_set_header  X-Real-IP $remote_addr;
+    proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header  X-Forwarded-Host $server_name;
+  }
+}

nginx/prod.conf

@@ -0,0 +1,16 @@
+server {
+
+  listen 80;
+
+  location / {
+    proxy_pass http://client:80;
+    proxy_http_version 1.1;
+    proxy_redirect    default;
+    proxy_set_header  Upgrade $http_upgrade;
+    proxy_set_header  Connection "upgrade";
+    proxy_set_header  Host $host;
+    proxy_set_header  X-Real-IP $remote_addr;
+    proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header  X-Forwarded-Host $server_name;
+  }
+}