詳解SpringBoot+Vue項目用寶塔面板部署指南
更新時間：2025年08月22日 09:27:06 作者：每天學(xué)習(xí)一丟丟
本文提供了Spring Boot+Vue項目在寶塔面板上的完整部署指南實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
（示意圖：用戶請求 → Nginx → 靜態(tài)資源/Vue → 反向代理/SpringBoot API）
環(huán)境要求
- 服務(wù)器配置建議
- CPU: 2核+
- 內(nèi)存: 4GB+
- 系統(tǒng): CentOS 7+/Ubuntu 20.04+
一、環(huán)境準(zhǔn)備
1. 寶塔面板安裝
# CentOS yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh # Ubuntu wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh
2. 軟件安裝清單
| 軟件 | 版本要求 | 安裝路徑 |
|---|---|---|
| Nginx | 1.20+ | /www/server/nginx |
| MySQL | 5.7+ | /www/server/mysql |
| JDK | 11/17 | /www/server/java |
| Node.js | 16.x LTS | /www/server/nodejs |
二、后端部署
目錄結(jié)構(gòu)
/www/wwwroot/backend/ ├── your-project.jar# 主程序 ├── config/# 配置文件目錄 │└── application.yml# 生產(chǎn)環(huán)境配置 └── logs/# 日志目錄
Java項目管理器配置
關(guān)鍵參數(shù)：
- 項目路徑：
/www/wwwroot/backend - JDK版本：需與本地開發(fā)環(huán)境一致
- 啟動參數(shù)示例：
-Xms256m -Xmx512m -Dspring.profiles.active=prod
三、前端部署
構(gòu)建流程
# 安裝依賴（使用淘寶鏡像加速） npm install --registry=https://registry.npm.taobao.org # 構(gòu)建生產(chǎn)包 npm run build
目錄結(jié)構(gòu)
/www/wwwroot/frontend/ ├── dist/# 構(gòu)建產(chǎn)物 │├── static/ │└── index.html ├── node_modules/ └── vue.config.js# 生產(chǎn)環(huán)境代理配置
四、Nginx核心配置
完整配置示例
server {
listen 80;
server_name example.com;
# 前端路由配置
location / {
root /www/wwwroot/frontend/dist;
try_files $uri $uri/ /index.html;
add_header Cache-Control "no-cache";
}
# 后端API配置
location /api/ {
proxy_pass http://127.0.0.1:8080;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 60s;
proxy_read_timeout 300s;
}
# 靜態(tài)資源緩存
location ~* \.(js|css|png|jpg)$ {
expires 365d;
access_log off;
}
}
五、HTTPS配置
- 寶塔面板 → 網(wǎng)站 → SSL → Let’s Encrypt
- 勾選"強制HTTPS"
- 修改Nginx自動跳轉(zhuǎn)：
server {
listen 80;
server_name example.com;
return 301 https://$host$request_uri;
}
常見問題排查表
| 問題現(xiàn)象 | 可能原因 | 解決方案 |
|---|---|---|
| 502 Bad Gateway | Java服務(wù)未啟動 | 檢查journalctl -u java_project日志 |
| 接口404 | Nginx路由配置錯誤 | 檢查proxy_pass地址末尾是否帶/ |
| 靜態(tài)資源加載失敗 | Vue publicPath配置錯誤 | 確保設(shè)置為/或./ |
| 數(shù)據(jù)庫連接失敗 | MySQL用戶權(quán)限不足 | 執(zhí)行GRANT ALL ON db.* TO 'user'@'%' |
進(jìn)階配置
1. 日志切割配置
# 在寶塔計劃任務(wù)中添加 0 0 * * * /usr/sbin/logrotate -f /etc/logrotate.d/java-app
2. 監(jiān)控配置
建議監(jiān)控：
- Java進(jìn)程內(nèi)存占用
- MySQL連接數(shù)
- 磁盤空間使用率
提示：部署完成后建議進(jìn)行壓力測試，可使用ab -n 1000 -c 50 http://example.com/api/test測試接口性能
到此這篇關(guān)于詳解SpringBoot+Vue項目用寶塔面板部署指南的文章就介紹到這了,更多相關(guān)SpringBoot Vue寶塔面板部署內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue2.0基于vue-cli+webpack Vuex的用法(實例講解)
下面小編就為大家?guī)硪黄猇ue2.0基于vue-cli+webpack Vuex的用法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了vue實現(xiàn)組件之間傳值功能,結(jié)合實例形式分析了vue.js父子組件之間相互傳值常見操作技巧,需要的朋友可以參考下2018-07-07
下面小編就為大家分享一篇基于Vue2.X的路由和鉤子函數(shù)詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)簡單的輪播圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了vue組件中添加@click失效問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了Vue中封裝eCharts組件及優(yōu)化方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家詳細(xì)介紹了vue.js實現(xiàn)圖書管理功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要為大家詳細(xì)介紹了如何在 Vue 項目中實現(xiàn) Token 過期驗證,并根據(jù) Token 的有效期動態(tài)重定向用戶到首頁或登錄頁,感興趣的小伙伴可以了解下2025-03-03
Vuex如何獲取getter對象中的值(包括module中的getter)
這篇文章主要介紹了Vuex如何獲取getter對象中的值(包括module中的getter)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
可以使用props將父組件的數(shù)據(jù)傳給子組件。子組件在接受數(shù)據(jù)時要顯示聲明props。下面通過一個例子給大家介紹Vue中父組件向子組件通信的方法，需要的朋友參考下吧2017-07-07