首頁 > 軟體

Java結合Vue專案打包並進行伺服器部署

2022-07-21 18:01:17

目錄

Java後端專案打包和伺服器部署
Vue專案伺服器部署

兩週前我剛剛入職實習的時候，後端的幾個同事看到我需要學習如何把專案進行部署，都圍過來教我怎麼部署，我感覺學習到了很多，因此，記錄一下學習的筆記。
當然了，這些部署是建立在已經設定好tomcat（後端伺服器）和nginx（前端伺服器）的基礎之上的，因為公司之前已經做好了，我只需要迭代即可。

Java後端專案打包和伺服器部署

1、IDEA點選maven，然後點選clean，接著點選package打包獲得cr.war（在專案根目錄的target目錄）。

為啥需要打war包，我也不是很清楚。好像是因為之前jar包部署有問題。

2、通過Xshell連線伺服器：

點選Xshell左上角的新建按鈕：

然後填寫一下伺服器名稱、伺服器IP地址和伺服器埠號即可：

如果連上了伺服器，會有這樣的結果：

3、接著需要備份之前的cr.war，備份在/opt/server/apache-tomcat-9.0.8/backup資料夾中：

[sxzm@localhost webapps]$ mv cr.war ../backup/cr220706.war

下面是我之前記錄下來的伺服器輸出：

4、通過Xftp 7上傳cr.war到/apache-tomcat-9.0.8/webapps中：

如果沒有安裝Xftp 7，直接點選下面的官網連結下載即可：
https://www.xshell.com/zh/xftp/

個人感覺這個工具還是特別好用的。

5、到/apache-tomcat-9.0.8/bin下面重啟tomcat
關閉tomcat：

[sxzm@localhost bin]$ ./shutdown.sh

但是如果你輸入以下命令，你會發現tomcat沒有關閉：

[sxzm@localhost bin]$ ps -ef | grep java

這個沒有關閉的程序為14414。
下面直接使用這個命令殺這個程序：

[sxzm@localhost bin]$ kill -9 14414

再次檢視程序：

[sxzm@localhost bin]$ ps -ef | grep java

可以看到這個程序結束了，也就意味著tomcat關閉了。
下面重新啟動tomcat：

[sxzm@localhost bin]$ ./startup.sh

這樣tomcat就啟動成功了。
可以繼續使用這個命令檢視tomcat啟動情況：

[sxzm@localhost bin]$ ps -ef | grep java

6、最後到/logs下檢視是否有報錯資訊

[sxzm@localhost apache-tomcat-9.0.8]$ cd logs

使用這個命令檢視catalina.out 檔案的末尾輸出：

[sxzm@localhost logs]$ tail -f catalina.out

可以看到springboot啟動成功了，也就意味著Java專案部署成功了。

Vue專案伺服器部署

1、Vue前端專案導包生成dist.zip檔案，同樣按照上面的教學進入Xshell軟體登入伺服器，前端部署很簡單，主要就是備份和解壓。

2、在/opt/ui資料夾下解壓，解壓之前先備份之前的dist（直接解壓就行，不需要有什麼其他操作，主要還是要使用Xftp 7進行備份）：

unzip -o dist.zip

到此這篇關於Java結合Vue專案打包並進行伺服器部署的文章就介紹到這了,更多相關Java Vue專案打包部署內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

IT145.com E-mail:sddin#qq.com