SpringBoot和Vue項目服務(wù)器發(fā)布流程

1、先準(zhǔn)備好一個云服務(wù)器

這里使用的是阿里的ECS并在安全組中開放8888端口以便訪問寶塔頁面

2、安裝寶塔

1.可以使用寶塔官網(wǎng)遠(yuǎn)程安裝，需要服務(wù)器的ip地址和ssh賬號、密碼

2.或者在服務(wù)器端使用命令行安裝（寶塔官網(wǎng)有命令）

安裝完成后可以看到訪問地址和登錄寶塔界面的用戶名密碼

如果忘記可以使用以下命令查看

/etc/init.d/bt default

3、登錄寶塔并在左側(cè)欄中數(shù)據(jù)庫中上傳數(shù)據(jù)庫文件

先添加數(shù)據(jù)庫并創(chuàng)建用戶名和密碼（代碼中盡量不要用root用戶，因為root具有全部權(quán)限，不安全）

創(chuàng)建完成之后點擊導(dǎo)入并上傳本地數(shù)據(jù)庫導(dǎo)出的sql文件

4、使用idea的maven的package命令將項目打jar包

打包之前需要先將配置文件中的數(shù)據(jù)庫連接地址和訪問信息修改成服務(wù)器端的地址

(可以在pom文件中添加maven打包設(shè)置來實現(xiàn) 將配置文件和靜態(tài)資源等放在指定位置 配置springboot項目動靜分離 打包分離lib)

5、打包vue項目生成dist文件夾

打包之前需要先將配置文件中的數(shù)據(jù)庫連接地址和訪問信息修改成服務(wù)器端的地址

(比如vue.config.js 和axios.js等)

在控制臺運行以下命令

npm run build

6、在寶塔界面左側(cè)欄中的文件中創(chuàng)建存放項目的文件夾

在springboot文件夾中上傳jar包以及配置文件和靜態(tài)資源

在vue文件夾中上傳dist文件夾中的所有文件

7、完成以上工作之后，前往ECS的安全組中，開放端口

• 3306 數(shù)據(jù)庫端口
• 6379 Redis
• 443 HTTPS
• 80 HTTP
• 項目后端端口
• 項目前端端口

8、在寶塔界面左側(cè)欄中的安全中也開放上一步中的端口

9、打開寶塔界面左側(cè)欄中的軟件商店

下載需要用到的軟件

• nginx-1.24 web服務(wù)器
• mysql-5.7 數(shù)據(jù)庫
• php-7.4 和phpmyadmin-5.0管理數(shù)據(jù)庫需要 （可以不安裝）

10、打開寶塔界面左側(cè)欄中的網(wǎng)站注冊SpringBoot項目

在Java項目中

• 點擊JAVA環(huán)境管理，安裝 jdk1.8.0_371
• 點擊添加Java項目
• 添加SpringBoot項目
• 設(shè)置項目jar路徑為jar包所在路徑
• 項目端口設(shè)置為項目后端端口
• 項目JDK選擇 jdk1.8.0_371
• 點擊確定即可
• 狀態(tài)為運行中為正常

如果狀態(tài)為未啟動

可以檢查下

這里需要注釋掉，不然會跳過打包很多東西

11、打開寶塔界面左側(cè)欄中的網(wǎng)站注冊Vue項目

在HTML項目中

點擊添加HTML項目

域名填寫云服務(wù)器的ip地址（寶塔頁面ip地址）和項目前端端口格式

根目錄選擇vue文件夾

點擊確定即可

12、訪問項目

點擊項目名稱下的ip，再點擊域名下的地址進行訪問，即可成功訪問前端頁面

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論