vue項目打包后頁面空白


原因:打包后的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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM