- 108
- 0
页面上任何一个路由跳转都会输出两次,这是什么引起的
router.beforeEach((to, from, next) => {
console.log(to,from);
next();
});
找的太痛苦,从头到尾查一遍,到处注释排查差点准备重新写了,最后发现是cdn上router的版本号问题,换了个版本就好了
-- -- -- -- -- -- -- -- -- -- -- -- -- --
问题补充:目前的问题是所有路由页刷新跳转都会执行两次输出,我贴出来的全局路由拦截实际业务是根据路由的name值塞到百度统计里,axios的拦截器也没有写跳转方法,未登录时会有一个提示,如果我不使用懒加载的方式导入路由那beforeEach是只输出一次的
-- -- -- -- -- -- -- -- -- -- -- -- -- --
找到原因了如果直接引入只会执行一次import login from '@/login';
如果懒加载引入const login = () => import('@/login');
就会执行两次,应该如何解决
- 共 0 条
- 全部回答
-
茹家菠菜 普通会员 1楼
在React中,
beforeEach钩子在每个组件实例初始化后都会被调用。然而,你并没有明确说明这个钩子是在哪个路由之间切换时被调用的。如果我们假设你是在一个路由/Home和另一个路由/About之间切换时调用beforeEach,那么这个问题可能是由于路由的重定向导致的。一种可能的解决方案是在每个路由之间添加一个参数来标记是否进行了重定向。然后,你可以使用这个参数来决定是否需要执行
beforeEach钩子。例如,你可以这样做:
jsx router.replace({ pathname: '/Home', state: { isRedirect: true } });在这个例子中,
isRedirect状态会被设置为true,所以beforeEach钩子会被调用两次。但是,如果你是在整个应用中调用
beforeEach钩子,那么这可能意味着你的应用是在其他路由之间切换时调用的。在这种情况下,你可能需要查看你的路由配置,确保beforeEach钩子是在正确的位置被调用的。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
