打包後用瀏覽器開啟html檔案,很糟糕出現了空白頁

然後我們檢視控制檯報錯資訊，我們知道是html頁並沒有成功引入打包後的專案檔案

然後我們開啟html檔案，並對程式碼進行整理，修改引入檔案的路徑為“./static”,然後再用瀏覽器開啟HTML檔案就可以檢視到內容了，說明我們打包的路徑是有問題的

原因是打包的過程中直接將static直接作為了直接路徑

所以打包前在下面開啟如下圖所示的config.js檔案，並修改assetsPublicPath的值為assetsPublicPath: './'。

或者修改下圖檔案，在output中新增 publicPath:'./',

這回在開啟HTML檔案就可以看到內容了，但是又發現一個問題，背景圖片並沒有正常顯示出來

我們依然檢視控制檯，可以看到控制檯的路徑是不對的

開啟如下圖所示的檔案，在空框位置處新增publicPath:'../../'

重新檢視HTML頁面就都顯示出來了，我們修改成功了。