之前專案遇到個情況，npm run build打包之後上傳到伺服器後，index.html開啟一片空白，資源都載入了，但是就是不顯示。

然後百度找了原因，修改了兩處地方

一、修改 assetsPublicPath 

在config/index.js裡面，有個 assetsPublicPath 屬性，原始碼是‘/’，修改成‘./’，加個點

assetsPublicPath: '/',
二、路由模式將histroy改成hash模式，起初 mode:'history'

const router = new Router({
base: '/',
mode: 'hash',
routes: ROUTES
})
那麼vue-router的hash模式和histroy模式有什麼區別呢？

1、hash模式url帶#，histroy模式url不帶#

2、hash模式解決了通過http請求來切換頁面，改變路徑可以直接改變頁面，無需進行網路請求，這叫前端路由，在hash模式下改變的是#中的資訊，

      history模式，可以前進和後退，但是不能重新整理頁面，重新整理之後就會報錯。如果後端沒有對路由地址進行相應的處理，那麼就會報404的錯。

3、hash瀏覽器支援率比較好，支援低版本的瀏覽器，但history的方法只支援部分瀏覽器。