隐藏来自浏览器开发者工具网络的Angular API调用

时间:2019-02-28 13:28:26

标签: angular google-chrome-devtools

当我碰到一个从Angular到Backend的API调用时,可以在“开发人员工具”(ctrl + shift + i)的“网络”部分中看到该API调用。我想从“网络”列表中隐藏API调用。就像我在某些网站上看到的那样,它们隐藏了API调用。意味着数据即将到来,但未在开发人员的工具中列出。我该怎么办?

例如,访问此网站的URL https://track.aftership.com/shreetirupati/115601676472http://www.shreetirupaticourier.net/Frm_DocTrack.aspx?docno=115601676472并没有访问任何API,这是否意味着它们直接从前端的DB访问数据?

2 个答案:

答案 0 :(得分:2)

我同意上面@shadowman_93 的回答。

无法从浏览器中隐藏网络 API 调用。 如果你想以某种方式实现这一点,那么像许多流行网站(亚马逊、Airbnb 等)一样使用服务器端渲染 此外,如果您使用过 Service Workers,那么您的应用程序的少数部分可能在首次加载后仍会显示 API 调用(通常发生在 SPA 中)。

如果您使用服务器端渲染,您还可以改善您的 SEO,因为它可以帮助 Google 抓取工具在您网站的第一次加载时获取重要内容。

答案 1 :(得分:1)

您无法采取任何行动来隐藏来自Chrome DevTools的服务呼叫。如果要提供安全呼叫,则只能对用户进行身份验证。

建议您阅读以下内容:stackoverflow.com/a/53630102/5955138