天天看點

linux部署vue項目_Linux部署之Docker方式部署項目

linux部署vue項目_Linux部署之Docker方式部署項目

題圖:pexels

作者:唱歌不跑調

連結:https://juejin.im/post/6847902216225980430

1. 使用Docker對前端vue項目進行部署

1.1 環境準備

伺服器或者虛拟機上先安裝好Nginx和相關配置 

  1. docker pull nginx 拉取最新版本的nginx
  2. 運作nginx, docker run --name=mynginx -d -p 8080:80 nginx
  3. 然後在伺服器安全組或者是防火牆裡面開發80端口,在浏覽器上輸入ip:8080,如果出現這個畫面辨別nginx  安裝成功

1.2 Vue項目準備

  1. 打包vue項目通過指定  npm run build打包項目生成dist檔案夾
  2. 在項目的根目錄建立檔案Dockerfile沒有檔案字尾,檔案配置内容如下
#  設定基礎鏡像,這裡使用的是最新版的nginx  步驟1 已經安裝了最新的版本FROOM nginx#  定義作者名稱 MAINTAINER xiongchao# 将dist檔案夾複制到 /usr/share/nginx/html/  這個目錄下面 COPY dist/   /usr/share/nginx/html/
           

    3.上傳檔案,在伺服器上指定的位置建立檔案夾(友善自己部署),并将dist檔案夾和Dockerfile檔案上傳至該目錄    4.建構鏡像  docker build -t myvueproject .    5.通過docker images的方式即可檢視 ,改鏡像是否建構成功    6.啟動鏡像docker run --name=dockervue -d -p 8001:8080  myvueproject    7.通過ip:8001的方式進行通路,即可看到項目部署成功

2. 使用Dockerfile為springboot應用建構docker鏡像

2.1 Docker常用的指令說明

ADD

用于複制檔案

ADD # 執行個體 将目前目錄下的test.jar 複制到docker 容器/目錄下面  ADD test.jar /test.jar
           

ENTRYPOINT

指定docker啟動的指令

ENTRYPOINT ["executable", "param","param1"]#示例ENTRYPOINT ["java","-jar","/test.jar"]
           

ENV

用于設定環境變量 ,格式如下

ENV # 示例 ENV MYSQL_ROOT_PASSWORD root
           

EXPOSE

聲明暴露的端口

EXPOSE #示例  EXPOSE 8080
           

FROM

指定所需依賴的基礎鏡像

FROM :# 示例 FROM java:8
           

MAINTAINER

指定維護者的名字

MAINTAINER #示例 MAINTAINER xiongc
           

RUN

在容器建構過程中執行的指令,  比如安裝其他相關依賴或者是環境所需

RUN <command># 示例 RUN bash -c 'touch /test.jar'
           

2.2  詳細配置檔案和說明

FROM java:8ADD test.jar /test.jarRUN bash -c 'touch /test.jar'EXPOSE 8080ENTRYPOINT ['java','-jar','/test.jar']MAINTAINER xiongchao
           

2.3 開始建構

  1. 将打包的jar和dockerfile上傳至伺服器的指定路徑
  2. 建構鏡像 
# 指定倉庫名稱/鏡像标簽  .  辨別使用目前目錄下的dockerfile檔案docker build -t  javaproject/javaproject .
           

    3.啟動項目

docker run --name=tomcatA01 -d -p 8002:8080 javaproject