vue页面跳转部分内容白屏刷新有内容

最新推荐文章于 2024-09-25 15:51:48 发布

素葩

最新推荐文章于 2024-09-25 15:51:48 发布

阅读量281

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_51437539/article/details/137233529

版权

诡异bug,从登录页面到主页面渲染部分丢失，白屏，需要刷新一下才有内容。

解决办法：检查登录页面引入的组件style是否加上scoped属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

素葩

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vuerouter跳转界面后空白，要刷新之后才会显示

qq_44743216的博客

07-20

5861

Vue-Router路由首次跳转页面空白,刷新页面又可以正常访问

vue-router添加动态路由及无限刷新白屏和添加不生效问题_router(2)

2301_82244607的博客

04-29

876

else {== -1) {next()} else {next(beforeEac… // 一直循环下去… , 因为我们没有使用 next() 放行} else {next()}else{try {})next(} else {== -1) {next()} else {next(})})},routes() {})

参与评论您还未登录，请先登录后发表或查看评论

vue3页面跳转产生白屏，刷新后能正常展示的解决方案

weixin_45288172的博客

02-01

4543

vue3页面跳转产生白屏，刷新后能正常展示的解决方案

详解vue 项目白屏解决方案

01-21

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题白屏可能的原因： es6 代码没有被编译成 es5 ；文件打包路径错误；运营商塞入的广告 js 服务器报错，连累项目不能下载资源；针对 1 和 2 ，分别采取以下做法：解决位置：config/index.js 文件：把 assetsPublicPath: ‘/’ 改为assetsPublicPath: ‘./’ build: { assetsPublicPath: './', } 解决位置：首先安装 b

vue页面跳转之后显示空白，刷新之后才显示

最新发布

2301_77070229的博客

09-25

584

新手第一次用vue，网上搜的很多解决方法和我的情况都不一样。只能一行一行的按照自己的想法看，结果发现关键句中{path:'/businessinfo '}多了一个空格,去掉空格后正常运行。

vue3 路由切换后，页面不显示内容，刷新后正常显示

qq_45469341的博客

05-27

3539

这个白屏问题我是第一次遇到，所以想完整记录一下，本文也借鉴了一下别人的。

vue项目切换页面会白屏，刷新之后才会正常显示(已解决)

精通前端技术，了解后端接口

04-07

4645

vue项目切换页面会白屏，刷新之后才会正常显示(已解决)

vue实现在进入页面之前自动刷新一次页面（适用于首次进入页面空白，刷新才显示的问题）

青莳的博客

03-27

1262

有时候会莫名出现一个问题，首次进入页面的时候空白，刷新才会显示，如果实在排查不到原因，以及如何解决，那就直接在进入页面之前去自动执行一次刷新操作，实现方法如下。ps：如果不通过localStorage记录，会导致无限刷新页面。此方法不仅仅适用于vue，只要是js都可以使用。

vue路由跳转后页面白屏

08-20

综上所述，vue路由跳转后页面白屏可能是由于路由配置错误，路由守卫未正确触发或者存在其他代码问题导致的。如果遇到这个问题，可以检查路由配置是否正确，确保路由守卫能够正常触发，并检查其他可能导致页面白屏的...

解决Vue刷新页面白屏问题

qd1014751893的博客

04-19

1774

vue刷新页面方式，vue白屏问题

Vue项目关于router.addRoutes 刷新白屏解决方案

weixin_46759393的博客

09-13

1294

直接贴代码这是一个简单例子权限路由是Table 注意最后那个{ path: '*', redirect: '/404', hidden: true } 这个不能一开始就导入路由,要放到addRoutes里面. 如果一开始就导入的话,刷新页面,router会找不到动态路由Table组件,因为这个时候并没有添加进来,router会直接重定向404 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../view

Vue-Router路由首次跳转页面空白,刷新页面又可以正常访问

热门推荐

全干攻城狮

05-18

1万+

背景最近项目过程中出现了一个奇怪的问题，当用户登入系统后部分路由首次跳转时会出现空白页面，但是在该页面上刷新又可以正常显示路由对应的页面。系统内包含用户、角色、菜单等管理模块，前端使用了动态路由问题复现系统内有两个角色，A1和A2 A1角色包含P1、P2、P3页面的权限 A2角色包含P1、P2、P3、P4、P5页面的权限当首次使用A1角色对应的用户登入系统时，侧边栏所有菜单都可以正常访问此时退出A1角色对应的用户并使用A2角色对应的用户登入系统，其中P1、P2、P3菜单对应的页面可以正常访问，

Vue页面跳转进来就显示最下面

Yangpengxunb的博客

03-02

357

在mounted生命周期里写上 window.scrollTo(0,0)

解决vue路由History mode打包代码后，上线服务器后白屏问题及关于每次点击链接都要刷新页面的问题

double徐

07-25

3901

vue项目打包上线以后出现白屏的情况第一种情况：由于把路由模式mode设置成history了，默认是hash。在项目开始的时候就设置了这个，然后一直没找到问题所在，后面百度了好久才发现是这个问题解决方法：路由里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，让它默认的就行。如...

项目启动出现白屏问题需要刷新后才能显示解决方案

lplovewjm的博客

11-25

1252

为什么页面会出现加载过慢问题？可能原因有以下两种： 1. js脚本加载时间过长 2. 资源过多加载延迟，在初次渲染时无法加载成功

vue3中所有页面需要手动刷新一下才能显示，控制台没有报错

kanno的博客

04-23

1029

vue3中所有页面需要手动刷新一下才能显示，控制台没有报错。登录进来是进入首页，然后切换任何页面都是空白，但是控制台没有报错。在其他页面刷新后却能显示，然而切换到首页刷新后再切换到其他页面又是空白。

vue2动态路由刷新页面空白问题

weixin_50418353的博客

09-05

777

解决:在main.js 重新渲染路由。第一次进入页面正常,刷新后页面空白。

Vue路由首次跳转白屏，刷新一次才可显示页面！！解决

Hello_word_2

07-12

6314

问题：路由首次跳转某一页面白屏，刷新一次才可显示页面。 1. 检查路由跳转到此页面的路径是否正确，有没有空格。本人跳转此页面路由： this.$router.push({path:'/loanTrial '}) 改为 this.$router.push({path:'/loanTrial'}) 问题解决，不再白屏。 ...

解决VUE项目更新后需要客户手动刷新浏览器 和发版之后页面出现白屏的问题

Baby_加油_的博客

07-02

211

跳转路由页面加载该页面js文件404时，触发router.onError。在router.js中加入路由的onerr方法。