原文：vue項目打包后頁面空白
原因：打包后的dist目錄下的文件引用路徑不對，會因找不到文件而報錯導致白屏。 解決辦法：修改一下config下面的index.js中bulid模塊導出的路徑。因為index.html里邊的內容都是通過script標簽引入的，而你的路徑不對，打開肯定是空白的。先看一下默認的路徑。 build: env: require . prod.env , index: path.resolve dirna ...
2019-04-13 11:46 0 1635 推薦指數：
相關推薦
第一個：vue項目打包部署后頁面是空白的 因為index.html里邊的內容都是通過script標簽引入的，而你的路徑不對，打開是空白的。 解決辦法：config文件夾下的index.js文件的build中assetsPublicPath assetsPublicPath默認 ...
新建一個項目，使用vue-cli 3.0進行構建，使用了vux和vue-router，本地運行時是沒有問題的，但是在打包之后，頁面就一片空白，打開控制台會看到是各種資源引用出錯。 這是因為webpack的配置不對，只需要將webpack的配置修改一下就好。 vue-cli 3.0 內置 ...
之前寫一個項目,一直放在谷歌瀏覽器調試測試,到尾聲時放到IE瀏覽器結果直接白屏,頁面打不開 找了網上的方法,加了babel-polyfill插件后還是不行,后來排查發現是打包插件出了問題,因為用的項目框架比較舊了,vue和webpack的版本都比較低.原始項目webpack配置 ...
在config/index.js中的build命令的配置有一個屬性叫assetsPublicPath，它的值為‘/’。意思是根目錄，這時會從index.html所在的硬盤的根目錄下開始查找，自然無法找 ...
使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑，解決的辦法也是非常簡單，將config/index.js 中的 assetsPublicPath 修改為空 ‘’，默認值為 ‘/’。 ...
Vue項目打包后,部署在服務器,訪問頁面出現空白一片 "好一似,食盡鳥投林,只剩下白茫茫大地,倒也真干凈!" '' Vue項目打包后,部署在服務器,訪問頁面出現空白一片, 到也真干凈 ...
我用vue開發的一個小項目，項目開發出雛形，想打包一下放測試，但是我想放測試前自己檢查一下經過npm run build打包生成的項目，在本地服務器能不能正常跑，於是，經過網上大哥的幫忙，寫了個簡易的koa服務器，將打包好的dist文件，放到了服務器上。 說一下我的dist文件的結構，dist ...