浏览器源选项卡中的 CSS 与链接中的 CSS 不同

Question

我有一个从 url 加载一些 CSS 的应用程序。使用链接标记从 HTML 页面加载 css:

<link rel="stylesheet" type="text/css" data-ng-href="{{dynamicCss}}">

dynamicCss 变量以 Angular 设置，它是类型为“serverUrl/file.css?v=timeStamp”的链接。时间戳是使用 timeStamp = new Date() * 1;

生成的

我正在添加时间戳以阻止 css 被缓存，因为我们允许 css 自定义并且 css 文件需要在用户自定义样式时由服务器重新编译。

同一个应用中还有其他页面加载了不同的css文件，其中一些没有时间戳，所以被缓存了。如果我来自其中一个页面，我可以在新页面的源选项卡中看到属于这些页面的 css，即使这些页面也有时间戳以避免缓存。

我的问题是:每次部署代码时，如果我查看 Chrome 的源选项卡并查找 css 文件，当我将它与 url 'serverUrl/file.css 文件进行比较时，缺少 css。 css?v=timeStamp' 加载。如果我清除缓存，浏览器源选项卡中的 css 与链接中的 css 匹配。

对正在发生的事情有什么想法吗？告诉浏览器缓存一些 css 文件而不缓存其他文件有什么问题吗？

Answer 1

问题出在服务器端，添加了一些缓存。