Centos7中Docker部署Node.js+Vue.js项目

一、安装Docker最简单的

安装所需的包：
yum -y install yum-utils device-mapper-persistent-data lvm2
设置稳定存储库：
yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
安装最新版本的Docker CE和containerd：
yum install docker-ce docker-ce-cli containerd.io
启动Docker。
systemctl start docker    --启动Docker
systemctl enable docker   --设置Docker开机启动
查看版本号
docker --version

二、下载Node镜像

docker pull node:alpine   

三、运行Node容器

假设前端APP在宿主机/home/demo目录

方法1：运行镜像容器，便于打包环境+程序

docker run --name node -itd  -p 9000:9000 node:alpine

把宿主机vue框架前段APP拷贝到容器/home/demo目录

docker cp /home/demo/  214da50ea0eb:/home/demo

或

方法2：运行镜像容器并挂在宿主机APP目录，便于打包环境

docker run --name node -itd -v /home/demo:/home/demo -p 9000:9000 node:alpine

• 在容器中运行程序

1.进入node容器：

docker exec -it node sh

2.查看nede和npm版本号：

node  -v   
npm  -v

3.进入容器APP所在demo目录：

cd home/demo/

4.在目录下运行vue的app程序：

npm run dev

启动监听成功，端口为9000：

访问centos7中项目，地址+监听端口，运行成功：

四、主意：会遇到的错误：运行vue框架时可能报以下错误，因为环境改变源依赖包不可用需从新下载

> vue-cli-service serve --open

sh: vue-cli-service: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! DncZeus@2.0.0 dev: `vue-cli-service serve --open`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the DncZeus@2.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2019-07-06T07_45_20_093Z-debug.log

/home/demo #

解决方案：

（1）需要删除vue项目目录（/home/demo）前端依赖包node_modules文件夹：

rm -rf node_modules/

（2）返回node环境主目录：

cd  /

（3）安装nrm：

npm install -g nrm

（4）查看所有可用的源：

nrm ls
输出：
* npm -----  https://registry.npmjs.org/
  cnpm ----  http://r.cnpmjs.org/
  taobao --  https://registry.npm.taobao.org/
  nj ------  https://registry.nodejitsu.com/
  rednpm -- http://registry.mirror.cqupt.edu.cn
  skimdb -- https://skimdb.npmjs.com/registry

（5）选择其中一个可用源进行切换：

nrm use taobao

（6）安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

（7）cd  vue项目（/home/demo）目录：

cd home/demo/

（8）进行前端依赖包的还原操作

cnpm install    
或     
cnpm i      
或    
yarn install

（9）进入vue项目（/home/demo）目录启动前端项目服务

npm run dev  

启动监听成功，端口为9000：

访问centos7中项目，地址+监听端口，运行成功：