根据某些条件阻止访问某些路由 - angularjs

Question

我正在编写一个具有不同视图的小角度js应用程序。某些视图可供所有用户使用，但只有少数视图可用于仅登录用户。我的主页顶部有一个小的登录表单[请注意，没有单独的登录屏幕]。

到目前为止一切正常，直到那时我注意到即使我的屏幕上最初没有所有视图，并且只有在用户登录后才会加载。但是如果用户知道受限制视图的URL，他可以绕过登录过程。

我发现这个stackoverflow问题与我的问题Redirecting to a certain route based on condition非常相似。请参阅接受的答案。

但问题是我没有单独的登录屏幕，因此我无法使用接受的答案中提供的此代码段

if ( next.templateUrl == "partials/login.html" ) {
          // already going to #login, no redirect needed
        } else {
          // not going to #login, we should redirect now
          $location.path( "/login" );
        }

如何使用集成登录表单实现相同的解决方案，因为我的登录屏幕没有单独的URL？

Answer 1

我使用的是ui-router，它为每条路线提供resolve属性。每当访问路由时，首先执行resolve部分。它返回一个promise，在解析之前页面不会被加载。在这里，您可以编写一些服务器端调用来验证用户，如果无效，只需重定向到任何有效页面。您可以为每个视图编写解析并在每个步骤验证用户。我使用节点/快速会话来存储登录的用户数据。