# 下載node壓縮包，在哪條路徑下執(zhí)行該命令，就會(huì)下載到哪條路徑下
  wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.gz      
# 將壓縮包剪切到/usr/local/bin/路徑下，并解壓   
  tar -xvf node-v12.16.1-linux-x64.tar.gz       
# 修改文件夾名稱為NodeJs   
  mv node-v12.16.1-linux-x64 NodeJs  
# 安裝gcc        
  yum install gcc gcc-c++            
# 在/usr/local/bin/NodeJs/bin路徑下有三個(gè)文件：node  npm  npx
# 為這三個(gè)文件設(shè)置軟連接，/usr/bin目錄用于存放系統(tǒng)命令，此時(shí)在任意路徑下執(zhí)行：node  相當(dāng)于是執(zhí)行/usr/local/bin/NodeJs/bin/node路徑下的文件，執(zhí)行node后會(huì)進(jìn)入node環(huán)境
  ln -s /usr/local/bin/NodeJs/bin/node /usr/bin/node         
  ln -s /usr/local/bin/NodeJs/bin/npm /usr/bin/npm          
  ln -s /usr/local/bin/NodeJs/bin/npx /usr/bin/npx         
# 進(jìn)入根目錄
  cd
# 驗(yàn)證
  node

# 進(jìn)入vue項(xiàng)目的根目錄
  cd /home/web
# 安裝依賴
  npm install
# 編譯打包
  npm run build
# 啟動(dòng)項(xiàng)目
  npm run serve

# 若之前使用yum安裝的node，需卸載后重新安裝，安裝步驟參考本篇博客中使用`源碼包`的方法安裝
# 卸載nodejs
  yum remove nodejs npm -y
# 進(jìn)入 /usr/local/lib 刪除所有 node 和 node_modules文件夾
# 進(jìn)入 /usr/local/include 刪除所有 node 和 node_modules 文件夾
# 進(jìn)入 /usr/local/bin 刪除 node 的可執(zhí)行文件

# 將指定文件設(shè)置權(quán)限
  chmod 777 /home/web/xxx

# 用docker拉取tomcat容器
  docker pull tomcat   
# 后臺(tái)啟動(dòng)       
  docker run -d -p 8080:8080 tomcat    
# 啟動(dòng)后瀏覽器訪問 http://192.168.0.102:8080/ 返回404
# 解決方案：
# 對(duì)外開放8080端口
  firewall-cmd --zone=public --add-port=8080/tcp --permanent  
# 重啟防火墻生效 
  firewall-cmd --reload     
# 進(jìn)入tomcat容器
  docker exec -it 正在運(yùn)行的容器id /bin/bash     
# 將webapps.dist目錄下的所有文件復(fù)制到webapps路徑下
  cp -r webapps.dist/* ./webapps        
# 刪除webapps.dist目錄
  rm -rf webapps.dist           
# 此時(shí)能通過瀏覽器訪問到tomcat頁面了，但tomcat鏡像重啟后依舊404，需將當(dāng)前修改后的容器提交為一個(gè)新的鏡像
# 不停止容器的情況下退出
  ctrl + p + q                  
# 在容器運(yùn)行狀態(tài)下提交自定義的容器，tomcat10:10.1是我自定義的鏡像名稱和版本號(hào)
  docker commit -a="作者" -m="備注" 正在運(yùn)行的容器id tomcat10:10.1       
# 停止當(dāng)前tomcat容器  
  docker stop 正在運(yùn)行的容器id    
# 刪除該容器
  docker rm 運(yùn)行后的容器id    
# 啟動(dòng)自己提交的鏡像
  docker run -d -p 8080:8080 tomcat10:10.1         
 
# 補(bǔ)充
# 啟動(dòng)tomcat鏡像的時(shí)候報(bào)錯(cuò)：driver failed programming external connectivity on endpoint quirky_allen
# 錯(cuò)誤原因：之前啟動(dòng)后端項(xiàng)目時(shí)占用了8080端口，需將后端項(xiàng)目結(jié)束
 
# 測(cè)試，訪問 http://192.168.0.102:8080 看到tomcat頁面說明啟動(dòng)成功

# 創(chuàng)建共享文件夾
  mkdir -p /home/mydocker/mytomcat8080/data
# 啟動(dòng)容器8080：
  docker run \
  -p 8080:8080 \
  --name my-tomcat8080 \
  -v /home/mydocker/mytomcat8080/data:/usr/local/tomcat/webapps \
  -d \
  tomcat10:10.1
# 啟動(dòng)容器時(shí)報(bào)錯(cuò)：docker: invalid reference format.
# 錯(cuò)誤原因：docker命令寫錯(cuò)了，我這里是-v /home/mydocker/mytomcat8080/data:/usr/local/tomcat/webapps \  冒號(hào)后面多了一個(gè)空格
# 進(jìn)入vue項(xiàng)目根目錄，打包后生成dist文件夾，這里我們還是使用案例一中的項(xiàng)目
  npm install
  npm run bulid
# 將打包后的文件復(fù)制到tomcat
  mv dist /home/mydocker/mytomcat8080/data
# 重啟tomcat容器
  docker restart tomcat容器id
# 測(cè)試，本地訪問 http://192.168.0.102:8080/dist/