在使用 ui router-Angular Js 时保护 url

Question

我试用了 UI-ROUTER 一段时间后发现，如果我在地址中手动粘贴终点（url），我可以重定向到所需的页面酒吧.

参见此处示例：UI ROUTER BASIC DEMO

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

如果我提前知道 url 并在地址栏中手动添加 url 端点，它将重定向为 expected.I 想禁用此 [=25] =] 遇到过类似的人 issue.Request 来分享类似的经历。

Answer 1

您可以使用隐藏（壁球）url 参数：

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

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