在Tomcat上部署Vue.js項目

接着上次的圖書管理系統

修改完問題後把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。

可以參考這篇文章 來配置下。


感謝網友們的指正,我要更加嚴謹的去完成博客的內容纔行!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章