在Tomcat上部署Vue.js專案
阿新 • • 發佈:2019-01-24
接著上次的圖書管理系統
修改完問題後把SpringBoot成功部署到了伺服器上
測試了下api介面,能正常訪問
那麼下面就是在伺服器上部署前端的vue.js了
這裡的話我們要明確一點
vue.js是一個前端的框架,所以部署的時候並不需要node.js之類的伺服器 像本地的
1 | npm run Dev |
只是用來除錯用的,不要再線上用它部署
這裡我先用比較熟悉的Tomcat來部署
我們先在本地執行命令來打包
1 | npm run bulid |
通過這個命令,我們會打包我們的專案到一個 dist資料夾中
我們把它部署到Tomcat伺服器上
用WinSCP軟體登陸我們的伺服器
找到Tomcat的wabapps目錄
把新建一個資料夾,我這裡把它命名為 bookmanage
我們把本地dist資料夾裡的檔案複製到 bookmanage中
完成之後,我們訪問預設的8080埠 加上 bookmanage 就可以訪問到我們的專案了
例如我的專案地址 http://118.89.159.95:8080/bookmanage
這樣我們的前端的專案部署就成功了
————————2018-01-31更新————————
但是僅僅這樣還是不夠的的
還需要需要後臺配置支援。因為我們的應用是個單頁客戶端應用,如果後臺沒有正確的配置,當用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404。
可以參考這篇文章 來配置下。
感謝網友們的指正,我要更加嚴謹的去完成部落格的內容才行!