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

創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設(shè)計，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。10年品質(zhì)，值得信賴！

解決辦法如下：

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

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

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

以上這篇解決vue腳手架項目打包后路由視圖不顯示的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。