很高興在萬千文章中你看到本章，希望能為你解決問題！！！

在最初用vue+webpack+vue-router做專案的時候，在本地pc開發測試都是正常的，但是在把程式碼打包部署到測試伺服器之後，訪問專案首頁總是白屏。

第一種，打包後的dist目錄下的檔案引用路徑不對，會因找不到檔案而報錯導致白屏。
解決辦法：修改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的，而你的路徑不對，開啟肯定是空白的。先看一下預設的路徑。

module.exports = {
  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: true


assetsPublicPath預設的是  ‘/’  也就是根目錄。而我們的index.html和static在同一級目錄下面。  所以要改為  ‘./ ’;
再次執行 npm run build 就可以了。
 

感謝分享https://blog.csdn.net/dq674362263/article/details/81876445