javascript - Angular 缓存或加载 http 请求的正确方法

Question

这确实是一个问题。我在我的应用程序中使用了多个 http 请求，这些请求确实跨越了整个站点。

1. 是缓存请求更好还是有更有效的方式仅在给定 URL 上发出请求？
2. 我是否正确理解了缓存方法(参见下面的代码)

homeApp.controller('mainMenu', function($scope, $http) {
  $http.get("http://localhost:3000/wp-json/menus/2", {
    cache: true
  }).then(function(response) {
    $scope.menuData.data = response.data.items;
  });
});

我正在努力让这件事尽可能快速和敏捷。谢谢大家!

Answer 1

1. 您可以自定义 HTTP 提供程序来查找某些路径并为您的应用程序缓存它们。但我认为通过指定 cache=true 对您想要缓存的特定调用进行编码更好、更清晰？

2. 我认为您已经正确理解了。

https://docs.angularjs.org/api/ng/service/$http

“启用缓存后，$http 使用相关缓存对象存储来自服务器的响应。下次发出相同的请求时，将从缓存返回响应，而不向服务器发送请求。”

因此，如果您在 Angular SPA 实例的范围内重复向 /wp-json/menus/2 发出请求，它将不会到达服务器。其效率相当高。

我希望这会有所帮助。