您好,登錄后才能下訂單哦!
腳手架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腳手架項目打包后路由視圖不顯示的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。