亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何部署 Vuejs 應用程序

如何部署 Vuejs 應用程序

瀟湘沐 2023-06-21 15:36:40
我的應用程序有兩個獨立的部分, Java后端(Spring boot)和Vuejs前端。我可以簡單地在需要的地方部署后端代碼的JAR ,這就是部署。但是當涉及到部署Vuejs應用程序時,我可以做類似的事情,只需將編譯后的Vuejs應用程序放在Java Spring boot應用程序中的正確路徑中,這對于前端來說也是如此。在我看來,將該應用程序放入Spring boot中似乎是不對的,因為除了部署之外,它實際上不需要做任何事情(也許我對 Jon Snow 一無所知)。此外,當它置于Spring 引導應用程序下時,手動 URL 編輯不起作用。這個應用程序本身不做任何事情,它從后端應用程序獲取所有數據。那么我在這里有什么選擇,有人可以指導我正確的方向嗎?我是否只設置一個nodejs服務器并在其中部署Vuejs應用程序?我不確定它是如何工作的,或者我是否應該為生產應用程序這樣做。如果是這樣,我從哪里開始設置nodejs?
查看完整描述

3 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

將它與 spring 一起部署是有意義的,并且這是非常常見的做法,至少從我使用 Angular 的經驗來看(我認為它與 VueJS 非常相似)。您不需要運行 2 個服務器。您只需讓 Spring 服務器處理您的 HTML/js/CSS 文件,這有助于您避免 CORS 的任何問題。

我不太確定“URL 手動編輯”是什么意思,您的意思是通過編輯 URL 來導航網頁嗎?老實說,我沒有看到太多用例,我猜這只是一些設置的問題。

在gradle中-我會設置一個構建任務(不確定任務是否正確,2個build.gradle文件,每個文件用于FE / BE,BE將取決于FE),FE將在BE運行時運行,它創建靜態 HTML/js(在我的例子中來自 Angular,但它應該與 Vue 類似),BE 任務將輸出添加到 java 應用程序的類路徑,以便 Spring 可以注冊 HTML 并將其提供給您。


查看完整回答
反對 回復 2023-06-21
?
Qyouu

TA貢獻1786條經驗 獲得超11個贊

您可以使用Docker創建 Vue.js 應用程序的 Docker 化版本,然后可以將其部署到 AWS(例如 EC2)等云服務提供商上。

查看完整回答
反對 回復 2023-06-21
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

我的做法是前端和后端分開部署。

您可以使用 web-server 將請求代理到 Vuejs 或 Spring boot。

例如,如果你使用Nginx,你可以使用這個配置來傳遞請求

# pass root request to index file

location / {

? ? root /front_files/;

? ? index /index.html;

}


# pass requests to static files

location ~ ^/(js|styles) {

? ? root /front_files/;

}


# pass requests to back-end

location /api/ {

? ? proxy_pass http://127.0.0.1:8080/;

}


查看完整回答
反對 回復 2023-06-21
  • 3 回答
  • 0 關注
  • 159 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號