vue專案打包後一片空白解決辦法

網上很多說自己的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,

assetsPublicPath預設的是  ‘/’  也就是根目錄。而我們的index.html和static在同一級目錄下面。  所以要改為  ‘./ ’

2、另外還需要注意一點。src裡邊router/index.js路由配置裡邊預設模式是hash，如果你改成了history模式的話，開啟也會是一片空白。所以改為hash或者直接把模式配置刪除，讓它預設的就行 。

// mode: 'history'  // 預設hash