vue项目打包白屏解决_vue打包后打开页面是空白的

作者：我家自动化 | 2024-03-17 23:01:09

踩

vue打包后打开页面是空白的

Vue项目打包后出现白屏的可能原因有很多，以下是可能的解决方案：

1. 确认静态资源路径是否正确。

在 Vue 项目中，打包后会生成一个 dist 目录，确保 index.html 引用的资源路径都是相对于 dist 目录的。

2. 确认路由是否正确配置。

如果打包后出现了白屏，可能是因为路由没配置正确。可以检查路由文件是否正确引入、是否正确配置了路由及其子路由等。

3. 确认打包后的 JS 文件是否存在。

在 dist 目录中，确保生成了 main.js 文件。如果没有生成，说明打包过程出现了问题。

4. 确认是否启动了服务器。

如果在本地测试时没有问题，但是打包后出现了白屏，可能是因为本地使用了服务器，但是打包后未启动服务器，需要手动启动服务器。

5. 检查是否使用了 Vue Router history 模式。

如果使用了 Vue Router history 模式，在打包后需要配置服务器，以避免出现404错误。可以选择在服务器上使用路由重定向来解决。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/258545