使用vue-cli搭建項目打包之后上傳到github之后設置預覽，點開之后一片空白套鹅，WTF? 明明 npm run dev跑的時候一點問題沒有盎酉隆！如果你遇到同樣的問題讽膏，請繼續(xù)看下去檩电。
在vue-cli中，有一個 .gitignore 文件府树，一般某個項目dev過程中都會產(chǎn)生一些中間文件俐末，這些文件是我們不想要追蹤的，git中可以使用.gitignore文件來忽略這些文件
1.jpg
注意那個 dist/ dist文件是 npm run build 執(zhí)行后被編譯打包生成的文件奄侠，CSS卓箫、JS、圖片等文件都在dist文件中垄潮，所以該文件必須要提交到github上烹卒，我們需要把它刪掉然后再上傳闷盔。
這時由于文件都在dist里面，所以我們的預覽需要手動加上dist/旅急，如下圖
image.png
好的逢勾，接下來就可以愉快的預覽了！刷新頁面之后發(fā)現(xiàn)...摔藐吮！為什么還是空白啊溺拱，打開控制臺看看報錯，原來是文件的路徑錯誤了谣辞，這個就好解決了迫摔，只需要找到配置文件更改下路徑，找到config/index.js文件泥从，如下圖
2.jpg
修改圖中assetsPublicPath的參數(shù)句占，每次 npm run build 后的文件路徑將會按照參數(shù)生成。
