解决：vue打包后在本地运行dist文件夹中index.html出现空白页面

本文主要是介绍解决：vue打包后在本地运行dist文件夹中index.html出现空白页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue开发项目是不是遇到过在vue项目在开发环境下一切正常，但在npm run build之后，打开dist文件中的index.html页面却是一片空白，打开控制台发现报错：Failed to load resource: net::ERR_FILE_NOT_FOUND

出现这个问题的话，需要查看自己使用的是vue-cli2还是vue-cli3以上，他们处理方式不一样。

一.vue-cli2处理方式：

项目中找到config/index.js文件，将assetPublicPath的路径改为“./”即可。

二.vue-cli3处理方式：

在vue.config.js里配置：publicPath:‘./’，

module.exports = {publicPath: './',         //配置本地引用目录文件,如不配置，默认为`/`
}

上述方法如果还不可以的话，要把路由改成hash模式

路由模式

const router = new VueRouter({routes,mode:'hash',
})

这篇关于解决：vue打包后在本地运行dist文件夹中index.html出现空白页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---