腳手架vue-cli 搭建的項目，build后放于服務器上，發現其他資源全部變成靜態加載成功，但路由視圖為空，最初以為是webpack打包的問題，找了好久發現是路由配置問題。

解決辦法如下：

Vue.use(VueRouter)const router = new VueRouter({ mode: 'history',  base: '/system/',    //添加根目錄 scrollBehavior: () => ({ y: 0 }), routes})

比如我是將打包后的dist和index.html放在tomcat上的system下，router 的根目錄就是system。

方法很簡單，但是找到問題并解決的過程。。。很虐很享受啊

以上這篇解決vue腳手架項目打包后路由視圖不顯示的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。