从 HTML 文档中的静态资源中删除查询答案

【问题标题】：Remove query from static resources in HTML document从 HTML 文档中的静态资源中删除查询
【发布时间】：2016-11-30 21:58:01
【问题描述】：

我正在运行一个 shopify 网站，这类网站的一个大问题是，当它们加载静态资源（例如图像）时，它们会生成一个查询，因此生成的 HTML 中的 URL 将如下所示：

<img src="logo.jpg?123244334324">

出于优化原因，我需要删除“JPG”之后的所有内容，以便代码看起来像

<img src="logo.jpg">

正如标题所说，我正在尝试使用 JavaScript 或任何其他广泛支持的方法从加载的 HTML 文档中删除静态资源中的查询。只是用于在每次加载时刷新静态资源的查询，而不是 # 或其他任何内容。

【问题讨论】：

优化原因是什么意思？
在您的脚本运行时，这些资源已经被请求，因此从 URL 中删除任何内容都不会停止。这只能在服务器上修复。
@Archer 说的是真的，所以如果你想在 javascript 执行后加载图像，你必须将你的图像移动到一个文件夹，然后使用 javascript 将该路径添加到 urls （并从中删除不需要的部分网址）。另见stackoverflow.com/questions/5402680/…
@SalmanAA 虽然这样可行，但如果 OP 可以访问服务器端代码，那么他们应该简单地删除文件名后面的所有内容。链接的问题是针对不同的东西，在这种情况下会有点过分。
@Archer，好的，没错。

【解决方案1】：

Shopify 中的资源带有这样的缓存键是有原因的。如果资源没有改变，它只会被下载一次。因此，那些额外的代码。您无法自行优化，因为您不是资产交付方面的专家，而 Shopify 作为托管平台负责呈现资产。

所以忘记那些额外的查询参数吧！在那里你无能为力。

【讨论】：

感谢您的回答。我在互联网上找到了一个解决方案，但由于某种原因，它不适用于所有图像。由于我注意到您是 Shopify 的开发人员，也许您可以帮助我。将以下代码附加到图像应该可以解决问题，它适用于某些图像，但不适用于所有图像。示例：{{ 'logo.png' |资产网址 |分裂：'？' |第一个}}