springboot后端部署

1.前提條件

? 可執行的springboot原始碼檔案,Linux服務器,寫好的vue前端專案

2.執行步驟

? a. 打開springboot專案中的組態檔application.yaml
springboot組態檔

? b.配置服務器埠號

? c.將springboot后端專案打包
springboot專案打包

d.在springboot檔案中找到剛才對應的jar包

找到當前專案對應的jar包

e.使用xshell上傳到本地服務器(在想要存放對應檔案目錄中使用rz或者直接拖動檔案復制到Linux的當前檔案夾下)

后端傳輸完畢

VUE的前端部署

一.在Vue專案的根目錄下,使用命令實作對VUE專案的打包

npm run build

二.在VUE專案中生成dist打包檔案

三.將dist檔案中的資源移至Linux系統中的nginx檔案夾下的html檔案夾下（此步驟先將nginx的配置之后再進行實踐）

在這里插入圖片描述

Nginx的配置

下載nginx的壓縮檔案

nginx的下載地址：nginx: download

進入nginx官網的下載地址

與上述傳入jar包的方式相同傳入Linux

nginx的安裝

whereis nginx

如果沒有出現結果表示在此服務器中沒有安裝nginx,可以繼續安裝nginx
解壓檔案

tar -zxvf nginx的壓縮包名

進入解壓之后的nginx檔案夾組態檔

./configure

使用make命令完成安裝

make

nginx的配置

組態檔的修改

將80埠作為nginx的代理埠號,當訪問服務器的地址時,默認訪問80埠的前端頁面,當點擊登錄按鈕時,向后端請求資料,來進行對登錄資料校驗作業，為什么將location/下面的前端路徑默認html不需要修改嗎?不改變默認訪問路徑路徑來訪問前端呢？

注意:在部署VUE系統的時候已經將打包的dist檔案夾中的內容加入nginx中的html的路徑中,默認已經訪問到前端頁面，所以在這里的前端路徑不需要修改

使用登錄模塊

當前已經部署完畢，已經可以直接訪問

無法請求后端的兩種情況

后端拒絕連接

連接錯誤展示

1.埠號沒有開放

a.防火墻的允許埠號未開放

將nginx代理的埠號,注冊到防火墻

firewall-cmd --query-port=8080/tcp //查詢埠是否開放
firewall-cmd --permanent --add-port=80/tcp //開放80埠
firewall-cmd --permanent --remove-port=8080/tcp //移出埠
firewall-cmd --reload //重啟防火墻

b.阿里云或者騰訊云需要創建安全組
云上創建屬于80埠的安全組

阿里云部署

2.前端代碼發送請求給后端的地址千萬注意不能寫成localhost

如果將地址寫為localhost+埠號可以實作后端在本地運行,而前端在服務器上運行的簡單的前后端分離

獲取后端地址

址千萬注意不能寫成localhost