如何隔离角度应用程序中的特定网址？

Question

在我的情况下，最佳做法是什么。

我有 Angular 应用程序并使用 passport.js 表达后端 API 进行授权。

例如，要连接 twitter，我在 express.js 后端的 "/connect/twitter/" 上有 GET。它继续

app.get('/connect/twitter', passport.authorize('twitter-authz'));

在 angular 应用程序中，当我单击此链接请求不起作用 - 它只是使用此 url 更新浏览器地址栏。

如何隔离 URL 以进行身份​​验证？

Answer 1

如果您使用$locationProvider.html5Mode(true)，Angular 将拦截对链接的点击以赋予它们这种行为。以下是该规则的例外情况：

1. 给链接一个target 属性。示例：<a href="/ext/link?a=b" target="_self">link</a>
2. 链接到不同的域。示例：<a href="http://angularjs.org/">link</a>
3. 链接到以“/”开头的路径，当定义 base 时，该路径会导致不同的基本路径。示例：<a href="/not-my-base/link">link</a>

所以，最简单的答案可能是给链接一个target='_self' 属性。

更多详情，请参阅Using $location guide上的“Html 链接重写”。