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

Question

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

加载图标的方式是：

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

应用程序在 html 标记中启动，变量 'favicon' 是根范围内的变量，其中包含 link 到 url 的图标.

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

我了解到最常见的解决方案是将版本作为查询字符串添加到收藏夹图标，但我无法知道我需要请求哪个版本，因为我可以从第二次申请。

Answer 1

在您的控制器中：

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

在你的HTML

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

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