問題
我將前端vue和后端Spring Boot全部都部署到了寶塔上,后端專案部署成功后直接請求介面成功,運行本地vue專案使用代理服務器訪問介面也是成功的,但是部署到vue上的專案訪問介面報404錯誤
解決
經向某位大佬求教后找到了解決辦法:需要配置寶塔上的nginx代理才行,解決步驟如下:
- 點擊nginx的設定(如果沒有nginx就在同一頁面搜索安裝即可)

- 點擊配置修改,滑鼠滑動到頁面最底部,復制紅框里這個路徑
/www/server/panel/vhost/nginx(配置修改這個檔案盡可能不要做改動)

- 點擊檔案,復制該路徑

- 在該頁面新建一個以
.conf為結尾的組態檔,比如:haha.conf

- 雙擊
haha.conf進行編輯,內容如下:
server {
listen 81; // 監聽81埠
server_name localhost; // 因為我的后端和前端都部署到了寶塔上,所以server_name可以直接寫localhost
// 配置代理
/*
第一個代理含義:
我的網站地址是http://120.77.8.124:81/#/login/passLogin,
當它看到81后的第一條斜杠時會到`/www/wwwroot/120.77.8.124`路徑底下找index.html頁面
*/
location / {
index index.html;
root /www/wwwroot/120.77.8.124;
}
/*
配置介面代理
我前端的代理服務器代碼塊下的圖所示,
^~/api/:當nginx看到路由中包含/api/會自動將/api/去到,并將/api/前邊的部分替換成`http://localhost:15050/`
*/
location ^~/api/ {
proxy_pass http://localhost:15050/;
}
}

經過上邊這些步驟就能成功訪問介面了
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/387839.html
標籤:其他
