網上很多說自己的vue專案通過webpack打包生成的list檔案，放到hbulider打包後，通過手機開啟一片空白。這個主要原因是路徑的問題。
1、記得改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的，而你的路徑不對，開啟肯定是空白的。先看一下預設的路徑。
module.exports = {
build: {
env: require('./prod.env'),
index: path.resolve(__dirname, '../dist/index.html'),
assetsroot: path.resolve(__dirname, '../dist'),
assetssubdirectory: 'static',
assetspublicpath: '/',
productionsourcemap: true,
// mode: 'history' // 預設hash解決vue打包後是空白頁面
有的小夥伴可能在剛完成乙個vue專案的時候，要打包上線了，在打包完成後開啟專案檢視一下發現頁面是一片空白，後來開啟控制台看，發現會有這樣的報錯出現。這是怎麼回事呢？因為在你打包專案的時候打包的路徑出現了問題，你打包的是專案給你預設的絕對路徑，我們只要把配置裡的絕對路徑改為相對路徑就可以顯示出頁面後來...
vue專案，打包後報錯以及空白問題
第一次從無到有自己搭建vue專案，npm run dev完全正常，打包之後頁面空白且報錯檔案找不到 1.修改config下面的index.js assetspublicpath預設的是 也就是根目錄。而我們的index.html和static在同一級目錄下面。所以要改為 這樣改完之後我的專案不會再報...
vue打包後顯示空白正確處理方法
因為index.html裡邊的內容都是通過script標籤引入的，而你的路徑不對，開啟肯定是空白的。只要修改config資料夾裡的index.js裡的assetspublicpath的值 assetspublicpath預設的是 也就是根目錄。而我們的index.html和static在同一級目錄下...