Jenkins win 部署vue專案

2022-09-13 16:33:16 字數 1551 閱讀 4842

1、首先在安裝好jenkins和gitlab 得環境中

2、進行jenkins外掛程式安裝

gitlab plugin ;

gitlab hook plugin ;

nodejs ;

build authorization token root plugin ;

其中gitlab plugin用於jenkins連線gitlab專案,gitlab hook plugin和build authorization token

root plugin用於進行gitlab變動後jenkins自動進行任務部署;nodejs 用於jenkins進行vue專案打包;

三、進行全域性工具配置

系統管理-全域性工具配置

1、git配置

找到git配置,在命令視窗中輸入where git 返回的路徑即為git安裝位址,將該位址複製到path to git executable中(記得去除.exe字尾)

2、nodejs配置

別名自取,用於標識,version選擇jenkins伺服器中安裝的nodejs版本(可通過命令node -v進行檢視,必須選擇你安裝的版本,不然打包時會出現錯誤)

進行專案正式配置

新建乙個自由風格的專案

生成得token 在gitlab中配置 web hooks

選擇高階 生成secret token

若需要進行vue專案打包則進行本項配置,若不需要則跳過

選中構建環境,選中provide node & npm bin/ folder to path ,下方nodejs installation選中之前在全域性配置中配置的nodejs

依次新增你需要的命令

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案,npm run build 之後會生成乙個dist資料夾,即為打包好的檔案,將檔案放在磁碟中,配置nginx監聽80埠,並指定服務名稱server name,最終可用kangqiao.kangqiao.c...

centos部署vue專案

參考鏈結 nodejs伺服器部署教程二,把vue專案部署到線上 打包 在本地使用以下命令,打包 npm run build 打包之後本地會出現dist資料夾。將dist資料夾以及package.json 檔案上傳到centos伺服器上,此處隨便什麼位置,新建個資料夾就能放。啟動專案 定義目錄 con...

Centos Nginx部署Vue專案

在專案根目錄下開啟cmd視窗,輸入命令 npm run build 生成dist資料夾使用scp命令或者用遠端連線工具將打包好的dist資料夾上傳到伺服器或者虛擬機器的某個位置。開啟cmd命令輸入 scp r 22 e dist root 192.168.3.5 home dist 輸入root 使...