前端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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值