nginx部署前后端分離項目(spring boot + vue)


部署后端

spring boot 項目部署到服務器上,我們只需打個jar包放到服務器上運行即可。
使用maven打包的方法:
在這里插入圖片描述
得到一個jar包,上傳到服務器上
在這里插入圖片描述
執行jar的命令:

java -jar xxxxx.jar

后台執行

nohup java -jar xxxxx.jar &

部署前端:

在這里插入圖片描述
在baseUrl 中填寫后台的地址。
在這里插入圖片描述
dev中的 target也填上后台的地址。

然后進入的vue項目的根目錄,進入cmd執行

npm run build

得到一個dist文件

在這里插入圖片描述
將這個文件也上傳到服務器上

配置nginx

首先是下載 nginx
可以參考這篇我文章https://blog.csdn.net/qq_51088445/article/details/121584765

修改配置文件:

在這里插入圖片描述

/teach與前端對應,proxy_pass 后填寫后端地址
可以添加一個upstream進行反向代理

upstream tomcatserver {
server localhost:8089;
}
location /teach {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://tomcatserver;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

執行systemctl reload nginx.server重新加載nginx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM