从本地加载 JS 文件，而不是从 CDN

Posted 2023-03-28

【中文标题】从本地加载 JS 文件，而不是从 CDN

【英文标题】：Load JS files from locally, not CDN

【发布时间】：2021-11-22 03:17:47

【问题描述】：

我正在开发一个基于黎明的主题， 我添加了 2 个 JS 文件：

<script src=" 'swiper.js' | asset_url " defer="defer"></script>
<script src=" 'swiper-handle.js' | asset_url " defer="defer"></script>

问题： 只有文件 swiper.js 是从本地加载的，文件 swiper-handle.js 是从 Shopify CDN 加载的？？？为什么？

我花了很长时间清除文件swiper-handle.js的缓存，但仍然无法清除。

检查我的图像：

有没有办法强制加载本地添加的文件？ 怎么会这样？

<script src="/assets/swiper.js?v=XXX" defer="defer"></script>
<script src="/assets/swiper-handle.js?v=XXX" defer="defer"></script> // Not CDN ( For dev )

谢谢！

【参考方案1】：

如果您在前面添加“//”，浏览器将尝试使用 使用基于 http/https 的协议 (http/https) 访问该站点。

所以网址解析为“http(s)://cdn.shopyfy.com/.....”

您可以使用下面的方法从本地服务器加载文件，而不是使用源属性“src="/assets/swiper-handle.js?v=XXX”从 CDN 加载文件

为确保您加载的是最新文件，您可以在每次更新 swiper-handle.js 文件时将 v 参数更新为新值。更新 v 参数确保不使用浏览器缓存文件并且从服务器获取文件。