打包后的index.html在瀏覽器中打開你會發現圖片資源和圖標資源未展示出來,此時我們可以在瀏覽器中檢查資源路徑,你會發現它是相對於dist文件夾下的路徑(static/img/0.65fe52c.jpg),但實質上當我們把該文件夾上傳至服務器后該路徑是相對於項目根目錄來定位的,應該是(../../static/img/0.65fe52c.jpg),故而查找不到資源。我們子啊一個項目中肯定不只一處使用這樣的靜態資源,那么我們要打包后一個一個去更改嗎?必然不是,我們只需要在build/utils.js文件中找到vue-style-loader配置,為它新增(publicPath: '../../')即可。