問題描述

當我們開發完成后進行 npm run build打包后形成dist文件 我們通過訪問dist文件中的index，會出現空白頁面什么都不顯示的問題，控制臺中還會報‘Failed to load resource: net::ERR_FILE_NOT_FOUND’錯誤，其實是因為打包后的dist目錄下的文件引用路徑不對，會因找不到文件而報錯導致白屏，cli2.0和cli3.0解決辦法不同

Vue cli2版本解決辦法

很簡單找到我們的 config文件夾下面的 index.js 配置文件

找到其中的 build 相關配置，assetsPublicPath 這一項默認配置的是‘/’ 我們將他改成 ‘./’

修改完成后，重新打包即可

Vue cli3版本解決辦法

cli3和cli2形成的目錄是不一樣的，首先我們找到根目錄中新建 vue.config.js 文件

• 文件中添加如下代碼
  

	javascriptmodule.exports = {publicPath: "./" };

第二個就是我們的路由文件中 如果要是選擇的是 history 模式 我們需要將其注釋掉

修改后再次打包就好了