vue页面加载时页面空白
时间：2024-10-10 15:00:46
导读：vue原生加载空白 vue原生加载空白可能有以下几种原因： 1. 路由重复：如果配置了两个重复的路由，例如两个【path: \'/\'】，那么访问就会看到空白页面。解决方......
vue原生加载空白
vue原生加载空白可能有以下几种原因：
1. 路由重复：如果配置了两个重复的路由，例如两个【path: \'/\'】，那么访问就会看到空白页面。解决方法是修改重复的路由配置。
2. 路由没有配置：如果没有配置路由，那么访问的页面也可能是空白页。解决方法是配置上丢失的路由。
3. 路由配置指向页面为空白页：如果配置了指向的页面什么也没有，展示自然也是空白页。
4. 路径问题：在打包后的vue项目中，如果路径不对，也可能导致页面空白。解决方法是修改路径配置，例如在config下面的index.js中bulid模块导出的路径。
5. 模式问题：如果在src里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。解决方法是改为hash或者直接把模式配置删除，让它默认的就行。如果非要使用history模式的话，需要你在服务端加一个覆盖所有的情况的候选资源。
6. IE浏览器中显示空白：这是因为js文件没有加载，需要引入babel-polyfill。解决方法是在package.json中加入babel-polyfill，然后重新npm install，在App.vue文件中import：import \"babel-polyfill\"。
温馨提示：以上内容整理于网络，仅供参考，如果对您有帮助，留下您的阅读感言吧！