当前位置:首页 >  数码看看

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\"。

温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!
联系我们 关于我们 版权申请

观察网 广州东远堂信息科技有限公司 版权所有 粤ICP备15011623号