一、安装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中项目,地址+监听端口,运行成功: