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

Vue cli2版本解決辦法

• 找到我們的 config文件夾下面的 index.js 配置文件
  
• 找到其中的 build 相關(guān)配置，assetsPublicPath 這一項默認配置的是‘/’ 我們將他改成 ‘./’
  
  修改完成后，重新打包即可

Vue cli3版本解決辦法

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

• 文件中添加如下代碼

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

• 第二個就是我們的路由文件中 如果要是選擇的是 history 模式 我們需要將其注釋掉
  
  修改后再次打包就好了

總結(jié)

以上是生活随笔為你收集整理的Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。