vue history模式打包後頁面為空白頁
阿新 • • 發佈：2019-02-13
首先先確定是不是路徑的問題，如果找不到css檔案和js檔案，那麼要修改config下面的index.js中bulid模組匯出的路徑
assetsPublicPath: '/',
改為
assetsPublicPath: './',
確定路徑沒問題以後再來看history模式的問題
history模式需要伺服器端配置
詳情見：https://router.vuejs.org/zh-cn/essentials/history-mode.html
vue預設的是hash模式，表現為瀏覽器的網頁地址帶 # 符號，當然，你可能會碰到需求說要你把這個#給去掉，那麼你就需要history模式了
export default new Router打包上傳以後還是空白頁，但是各個資源都是有的，資源路徑也都是可以開啟的
這裡你還需要修改兩個地方
1.你的子路徑需要加上去，
2.給每一個component加上name
export default new Router({ mode: 'history', base: '/test', routes: [ {path:'/index',name:'index',component:index},}打包上傳測試