解決 vue-cli 打包項目后出現空白頁面的坑！
使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑，解決的辦法也是非常簡單，將config/index.js 中的 assetsPublicPath 修改為空 ‘’，默認值為 ‘/’。 ...
原文：vue-cli創建項打包后打開頁面為空白的問題解決
. 命令行輸入：npm run build 打包出來后項目中就會多了一個文件夾dist，這就是我們打包過后的項目。 第一個問題，文件引用路徑。我們直接運行打包后的文件夾中的index.html文件，會看到網頁一片空白，f 調試，全是css，js路徑引用錯誤的問題。 解決：到config文件夾中打開index.js文件。 文件里面有兩個assetsPublicPath屬性，更改第一個，也就是更改b ...
2019-05-31 13:22 0 4163 推薦指數：
相關推薦
vue-cli項目啟動后只能通過localhost訪問，無法通過ip訪問的問題解決
1、找到項目根目錄下的config/index.js文件 2、打開文件，找到host：'localhost',改為host：'0.0.0.0' 3、保存后后重啟項目就可以在局域網內通過ip訪問項目了 ...
vue-cli 4.0 中打包后，頁面空白，路徑錯誤。打包報錯：baseUrl is not allowed
在使用vue-cli 4.0的時候，npm run build的后，打開dist文件夾，打開index.html后，頁面空白，控制台報錯。如下圖： 解決辦法： 在項目中添加vue.config.js文件，內容如下： 第一次嘗試： 打包報錯： ERROR ...
Vue.js踩坑記錄：vue-cli 3.0 項目打包后頁面空白
新建一個項目，使用vue-cli 3.0進行構建，使用了vux和vue-router，本地運行時是沒有問題的，但是在打包之后，頁面就一片空白，打開控制台會看到是各種資源引用出錯。 這是因為webpack的配置不對，只需要將webpack的配置修改一下就好。 vue-cli 3.0 內置 ...
提高首屏頁面加載速度，解決vue-cli打包后單個文件過大的問題
本教程是針對vue-cli3以上的版本，其實原理都大同小異，這個demo為vue-cli直接創建的項目，並在main.js中引入了echart、element-ui、lodash 首先看demo打包后生成的文件大小，這個demo里面什么業務都沒寫、僅僅引入了幾個包 ...
vue-cli 2.x 打包后頁面空白，Element-UI 圖標不顯示
打包完后出現空白頁 修改：config 文件下的 index.js，大概在46行左右 原：assetsPublicPath:'' 改：assetsPublicPath:'./' Element-UI 圖標不顯示 修改：build 文件夾下的 utils.js，大概在51行左右 ...
解決Vue項目打包后打開index.html頁面顯示空白以及圖片路徑錯誤的問題
在config/index.js中的build命令的配置有一個屬性叫assetsPublicPath，它的值為‘/’。意思是根目錄，這時會從index.html所在的硬盤的根目錄下開始查找，自然無法找到。 解決辦法：改為‘./’這時就不再是絕對路徑的根目錄了，而是改為了相對路徑，同目錄下進行 ...
解決vue-cli 打包后靜態資源路徑不對的問題
項目基於vue-cli搭建的，都會自動配置一些打包的參數。在實際項目中，可能會用到static下的靜態圖片。 打包出來后，圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候，路徑配置的不對。 可以通過添加publicPath ...