【问题标题】:How to integrate images on CDN with JS on CDN如何将 CDN 上的图像与 CDN 上的 JS 集成
【发布时间】:2021-07-21 02:26:11
【问题描述】:

我已将所有 CSS 和 JS 移至 Cloudinary CDN,除了 JS 文件需要抓取图像的地方外,一切正常。

我有一个 index.html 文件,它可以毫无问题地从 CDN 中提取 JS 和 CSS,但是当 JS 查找任何图像时,我收到一个错误消息,指出资源丢失。 在 CDN 上,我为 CSS、JS 和图像创建了几个文件夹,并在 JS 中正常使用根路径,例如:“./sprites/img1.png”。

当我将此文件夹/img 与本地 HTML 文件放在同一目录中时,它可以正常工作。 如果我将该文件夹移动到 CDN,它将找不到资源。

看起来一旦将 JS 提供给本地文件,它也需要本地资源。

除了将 HTML 文件也放在 CDN 上之外,我还能做些什么来防止这种情况发生。 Cloudinary 不允许将 HTML 提供给您看到的浏览器。

感谢您的帮助,如果您需要更多信息,请随时询问。

【问题讨论】:

  • ./ 不是相对路径。这是根特定路径。
  • 谢谢,不过这应该不是问题的原因。
  • 其实是相对路径,但我觉得不太对。你可能想要../。很难说没有看到树结构。也许把它放在一个代码块中以帮助澄清。
  • 您能详细说明一下吗?它在本地工作,我所做的只是将整个目录移动到一个 CDN 路径应该是相同的。
  • @DocGreen:如果 js 和 sprite 在同一级别,您应该使用 ../ 访问它,正如 Isherwood 所说的

标签: javascript cdn cloudinary


【解决方案1】:

发现问题。 外部 JS 文件中的路径是相对于它们所在的页面(在本例中为 index.html 页面),而不是文件的实际位置。

这就是它搜索本地目录而不是 CDN 的原因。 解决方案来自另一个 Stack Overflow 问题:

Relative Paths in Javascript in an external file

【讨论】:

    猜你喜欢
    • 2019-05-23
    • 2014-07-09
    • 2022-05-06
    • 2011-03-15
    • 2018-10-04
    • 1970-01-01
    • 1970-01-01
    • 2011-10-17
    • 1970-01-01
    相关资源
    最近更新 更多