1. 程式人生 > >vue項目打包後頁面空白

vue項目打包後頁面空白

pbo oui idg ssis iii dir conf 分享圖片 uia

原因:打包後的dist目錄下的文件引用路徑不對,會因找不到文件而報錯導致白屏。 解決辦法:修改一下config下面的index.js中bulid模塊導出的路徑。因為index.html裏邊的內容都是通過script標簽引入的,而你的路徑不對,打開肯定是空白的。先看一下默認的路徑。 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在同一級目錄下面。 所以要改為 ‘./ ’; 技術分享圖片 技術分享圖片 註意:一定是bulid模塊下assetsPublicPath

vue項目打包後頁面空白