javascript - 当 URL 中包含 Angularjs 数据时，如何加密我的 URL？

Question

这是我的网址:

<a class="btn btn-success btn-sm btn-block" href="@Url.Action("myAction", "myController")?Id={{repeat.Id}}&HistoryId={{repeat.HistoryId}}" ng-cloak>View History</a>

我只是想知道如何加密 URL。请帮忙。

Answer 1

您可以尝试两种解决方法:

1) 通常加密数据而不是整个 URL 就足够了，而且也不那么复杂。构建 Angular 方法时，您需要在分配给 URL 之前对 ID 进行加密。这样，ID 就会被加密，没有人可以看到实际的 ID。当URL被点击时，需要在后端对URL进行解密后再进行处理。

2) 如果出于某种原因，您仍然需要加密 anchor 的整个 URL，您可以在 $document.ready 中进行。为您的超链接分配一个 ID。一旦DOM加载完毕并调用document.ready，就需要使用ajax将 anchor 的完整URL发送到后端进行加密。然后在ajax成功时，将加密的URL附加到 anchor

$ajax.
   ...
   success: function (data) {
     $("#myHyperLink").attr("href", data.EncryptedURL)
   }

但是使用这种方法，您需要单独处理该 anchor 的点击，否则浏览器无法将您重定向到任何地方。

如果可能，请改用 POST 方法