Jenkins部署Vue項目指南

一、從Jenkins部署Vue項目到遠程伺服器

使用Jenkins進行Vue項目的持續集成和部署，可以大大減少手動操作的複雜度和出錯概率，同時提高開發效率。在將Vue項目部署到遠程伺服器上時需要注意以下幾點：

1、確保你已經為遠程伺服器配置好了SSH免密碼登陸，可以通過命令行ssh user@remoteHost進行免密碼登陸操作。

2、在Jenkins的構建配置中增加一個”Send files or execute commands over SSH”構建步驟，並在其中添加需要傳輸的文件和執行的命令

Optional advanced command-line options: -i /path/to/private/key -o ConnectTimeout=10
Source files/path: dist/    Transfer Set Executable: No 
Remove prefix: dist/   Remote directory: /opt/vue-project-name/
Exec command: pm2 reload vue-project-name
Exec timeout: 60000   Server alive: ticked

其中，-i /path/to/private/key表示SSH的私鑰路徑，dist/表示待傳輸的文件或目錄名，/opt/vue-project-name/表示遠程伺服器上存放文件的路徑，pm2 reload vue-project-name表示執行的命令，可替換成其他你需要執行的命令。

3、構建完成後，Jenkins會通過SSH將待部署的文件傳輸到遠程伺服器，執行相應的命令進行部署。可以通過Jenkins的構建控制台查看執行情況，也可以通過SSH在遠程伺服器上查看部署結果。

二、Jenkins部署Vue項目

通過Jenkins進行Vue項目的部署，可以避免手動操作的出錯概率和複雜度，方便快捷地完成項目的部署工作。可按照以下步驟進行操作：

1、在Jenkins中創建一個新項目，選擇自由風格的軟體項目

2、配置Git的源碼管理，填寫項目的倉庫地址、分支、憑證等信息

3、添加構建步驟，在此處可以選擇為項目安裝依賴、構建打包等步驟

4、在構建後步驟中，選擇”Send files or execute commands over SSH”構建步驟，填寫遠程伺服器的相關信息

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiEAAAGzCAMAAAD4cikJAAAAclBMVEUAAADg1ADg0wDg1wDg0wDg0QDg0wDg0wDg0wDg0QDg0wDg0QDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADiEWLpAAAAJXRSTlMAA4ETDg2HEBxpjZL1tYKqtWqw08e7rs2DWmma95cKM+tb60uhaCzBpT09/u6fu7mtElW3lqb4sre6AMx4bYRBTWtBqGQ5J4y9IGFy4pMLqUJccNVSm8nvih8N9F4scziENJJOvGeL2tguqK5XWH1FdAfdCpIAeuAAAApElEQVR4nO3VwRGAIBgFgSb3f/fdf6xCFijSd5qe/XzozVt66p3VlVdmkA1E+jdJrqkaqUqQHk6Gb8amzUlr3kjMd8PLll7tVNBsJq7HdkGZTXmhGQVGVJh3NhyiS7cyn2deYtrLpZGPRNGIcc