1. 程式人生 > 其它 >springboot + vue 打包通過內網穿透部署上線

springboot + vue 打包通過內網穿透部署上線

1.首先將前端打包

開啟終端,進入到具體的專案路徑下,如下圖,我的專案工程資料夾為market2.0,具體的專案路徑為market2.0下的myvue,

然後執行npm run build 命令進行打包

打包完成之後,會在專案路徑下出現一個叫dist的資料夾

2.將前端打包好的檔案放入後端的static靜態目錄下,如圖

如此專案就算完成了,接下來進行內網穿透部署專案

3.通過內網穿透部署專案

什麼是內網穿透,我個人簡單的理解就是反向代理

首先下載花生殼這個軟體客戶端,註冊之後申請一個內網穿透服務,注意是http

這樣run專案之後,就算部署成功了,只不過是自己的電腦做了伺服器,別人可以通過花生殼給的那個域名訪問你的專案了

比如我的域名就是上圖那個

我這個是前後端不分離部署的 ,要想前後端分離部署,與此一樣,只不過前後端分別註冊一個內網穿透