前端vue项目部署

基本思想：

1、vue项目简单来说，就是将vue项目打包成静态文件，然后通过nginx进行代理，即可访问
2、现利用docker去进行 项目的拉取、下载依赖、以及打包
3、需要有一个前端公共docker容器，该容器能实现git，npm命令，最好有vim编辑
4、npm利用nvm去进行管理
5、利用Dockerfile构建镜像，镜像含有（vim，git，nvm）
6、启动容器需要将 项目映射到docker里面

1、Dockerfile创建镜像

# 安装centos环境
FROM centos:7
RUN yum -y update \
   && yum -y install vim \	
   && yum -y install git \
   && cd ~/ \
   && git clone https://gitee.com/zpt_storehouse/nvm.git .nvm \
   && cd ~/.nvm  && echo "source ~/.nvm/nvm.sh" >> ~/.bashrc \
   && source ~/.bashrc \
   && export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node \
   && export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs \	
   && source ~/.bashrc \
   && nvm install stable

docker build -t vue .

2、根据镜像运行容器

docker run -it --name centos7_mvn_git_vim -v ~/project:/project vue

• -v：映射文件

3、打包vue项目

3.1、进入容器里面

docker exec -it centos7_mvn_git_vim bash

3.2、npm install ，npm run build