如何在ionic3中设置重定向，如果ionViewCanEnter返回false

5 浏览
0 Comments

如何在ionic3中设置重定向，如果ionViewCanEnter返回false

在认证无效的情况下，我应该如何设置重定向到登录页面？在Angular4中，我通过路由守卫来设置重定向。但是Ionic3没有路由。如果在MyApp构造函数中设置，这只能在初始化时生效，并不能在用户稍后注销或认证无效时生效。这个解决方案对我来说不适用。所以我看到了NavController，在ionViewCanEnter()中返回false，Ionic成功拦截了请求，但重定向到了一个空白页面，我想将这个空白页面设置为LoginPage。我尝试在ionViewCanEnter()中使用navCtrl.push()和navCtrl.setRoot()，但如果函数返回false，重定向是不正确的，仍然停留在空白页面。我应该如何设置在认证无效的情况下进行重定向？

0

2 答案

0 Comments

问题出现的原因是当使用Ionic3框架中的ionViewCanEnter钩子函数返回false时，需要进行页面重定向。解决方法是使用setTimeout函数延迟一定时间后，通过this.app.getRootNav().setRoot('LoginPage')方法设置根页面为LoginPage。以下是具体解决方法的代码示例：

setTimeout(() => {
   this.app.getRootNav().setRoot('LoginPage');
}, 200);

0
0 Comments

问题的出现原因：当ionViewCanEnter返回false时，需要进行重定向，将页面跳转到UnauthorizedPage页面。

解决方法：使用setTimeout来延迟执行跳转，通过this.navCtrl.setRoot方法将页面设置为UnauthorizedPage。这样，当ionViewCanEnter返回false时，就会自动跳转到UnauthorizedPage页面。

0