javascript - 强制浏览器请求动态加载的图标

Question

我有一个 Angular 应用程序和另一个应用程序，您可以从中自定义第一个应用程序。这包括上传需要在第一个应用程序中显示并在上传新图标时刷新的新图标。

加载图标的方式是:

<link rel="shortcut icon" data-ng-href="{{favicon}}"/>

应用程序在 html 标记中启动，变量“favicon”是根范围内的一个变量，它包含指向 favicon 的 url 的链接。

如何在每次刷新页面时强制浏览器请求网站图标？我的理解是网站图标被缓存，这导致它不被刷新。

我读到最常见的解决方案是将版本作为查询字符串添加到收藏夹图标，但我无法知道我需要请求什么版本，因为我可以从第二个应用程序上传多个版本.

Answer 1

在你的 Controller 中:

$scope.version = new Date()*1; // get a timestamp

在你的 HTML 中

<link rel="shortcut icon" data-ng-href="{{favicon}}?v={{version}}"/>

有了这个，您的网站图标链接将永远是唯一的，浏览器将始终请求它。