springboot + vue 打包通過內網穿透部署上線
阿新 • • 發佈:2021-11-09
1.首先將前端打包
開啟終端,進入到具體的專案路徑下,如下圖,我的專案工程資料夾為market2.0,具體的專案路徑為market2.0下的myvue,
然後執行npm run build 命令進行打包
打包完成之後,會在專案路徑下出現一個叫dist的資料夾
2.將前端打包好的檔案放入後端的static靜態目錄下,如圖
如此專案就算完成了,接下來進行內網穿透部署專案
3.通過內網穿透部署專案
什麼是內網穿透,我個人簡單的理解就是反向代理
首先下載花生殼這個軟體客戶端,註冊之後申請一個內網穿透服務,注意是http
這樣run專案之後,就算部署成功了,只不過是自己的電腦做了伺服器,別人可以通過花生殼給的那個域名訪問你的專案了
比如我的域名就是上圖那個
我這個是前後端不分離部署的 ,要想前後端分離部署,與此一樣,只不過前後端分別註冊一個內網穿透