vue-cli項目打包出現空白頁和路徑錯誤問題

vue-cli項目打包：

1. 命令行輸入：npm  run  build

    打包出來後項目中就會多了一個文件夾dist，這就是咱們打包事後的項目。

第一個問題，文件引用路徑。咱們直接運行打包後的文件夾中的index.html文件，會看到網頁一片空白，f12調試，全是css，js路徑引用錯誤的問題。

解決：到config文件夾中打開index.js文件。

文件裏面有兩個assetsPublicPath屬性，更改第一個，也就是更改build裏面的assetsPublicPath屬性：

assetsPublicPath屬性做用是指定編譯發佈的根目錄，‘/’指的是項目的根目錄 ，’./’指的是當前目錄。

改好以後從新打包項目，運行index.html文件，咱們能夠看到沒有報錯了。可是router-view裏面的內容卻出不來了。

 

第二個問題：router-view中的內容顯示不出來。路由history模式。

這個坑是當你使用了路由以後，在沒有後端配合的狀況下就手賤打開路由history模式的時候，打包出來的文件也會是一片空白的狀況，

不少人踩這個坑的時候花了不少時間，網上的教程基本上都是說的第一個坑，這個坑不多有人提起。

解決：// mode: 'history',//將這個模式關閉就好

這裏並非說不能打開這個模式，這個模式須要後端設置的配合，詳情能夠看：路由文檔