在单页应用程序中，当用户使用浏览器的前进和后退按钮时，可能会导致重复的REST调用。为解决这个问题，可以使用缓存来保存请求的响应，从而减少对服务器的多次请求。

以下是一个基本的缓存实现示例：

var cache = {};

function getData(url) {
  if (cache[url]) {
    // 如果缓存中有响应，则返回缓存的数据
    return Promise.resolve(cache[url]);
  } else {
    // 如果缓存中没有响应，则发送REST请求并保存响应到缓存中
    return fetch(url)
      .then(function(response) {
        var data = response.json();
        cache[url] = data;
        return data;
      });
  }
}

在这个示例中，我们使用一个缓存对象来缓存REST调用的响应。当请求数据时，会首先检查缓存中是否有响应数据，如果有则返回缓存数据，否则会发送REST请求并将响应数据保存到缓存中，以便于后续的调用使用。

通过这种方法，我们可以避免因URL导航造成的重复REST调用，并减少对服务器的请求次数，提高应用程序的性能。