使用ui router-Angular Js时保护网址安全

Question

如果我手动将地址栏中的终点（网址）粘贴到地址栏中，我发现能够重定向到所需的页面，我正在尝试使用UI-ROUTER很长一段时间。

请参阅此处的示例：UI ROUTER BASIC DEMO

在上面的示例中，菜单栏中有两个项目，即。Contacts和About。点击每个项目时，状态会发生变化，地址栏中的网址也会变化。 / p>

如果我事先知道了网址并手动在地址栏中添加了url终点，如果按预期重定向，该怎么办。我想禁用此功能。有人遇到类似问题。请求分享类似的经历。< / p>

Answer 1

您可以使用hidden（squash）url参数：

.state("myRoute", {
    url: "/myRoute",
    templateUrl: "...",
    controller: "...",
    params: {
        token: {value: undefined, squash: true}
    },
})

用户从未看过令牌，但您可以为每个应用程序引导生成一个令牌，并使用它来验证每个状态更改。