使用聚合物库的网页突然坏了

Webpage using polymer library suddenly broken

提问人:Benjamin schwarz 提问时间:1/18/2023 更新时间:1/18/2023 访问量:24

问:

在我的工作场所,一些网页几天前突然开始出现故障(许多元素不再显示在页面中)。我使用开发人员的工具(F12)在Firefox中检查了这个问题,并发现了两个聚合物库(即1.7.0.2版本中的polymer-micro.html和paper-ripple-behavior.html)的问题。

根据开发人员的控制台,它与 CORS 有关,但我怀疑问题与资源从一个 url (https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/) 到另一个 url (https://cdn.jsdelivr.net/gh/download/[email protected]/) 的位移有关。事实上,在开发人员的网络控制台中,我可以看到所有聚合物资源都通过一个 http 代码 301 重定向到后一个 url,除了上述两个库,它们最终的 http 代码为 200,尽管它们的内容奇怪地是空的。

我不是 Web 开发人员,我的分析遗憾地到此为止。此外,我们的数据是保密的,我无法提供对我们网站的访问。

任何有助于理解问题并解决问题的帮助将不胜感激。

谢谢。

我不知道这是否相关,但万一我也提到:

  • 两个有问题的库虽然是空的,但似乎也存在于新位置
  • 这两个库在我页面的源代码中无处可寻,因此我认为它们是其他聚合物库的“附带导入”。在我的页面中可以看到的聚合物库是:
<link href="qliksense-card.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/iron-flex-layout/iron-flex-layout-classes.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-header-panel/paper-header-panel.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-toolbar/paper-toolbar.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-drawer-panel/paper-drawer-panel.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-icon-button/paper-icon-button.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-button/paper-button.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/iron-icons/iron-icons.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/iron-pages/iron-pages.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-menu/paper-menu.html" rel="import">
<link href="https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-item/paper-item.html" rel="import">
<link href="polymer-mixins.html" rel="import">
<style include="iron-flex iron-positioning" is="custom-style"></style>
<style include="polymer-mixins" is="custom-style"></style>```
JavaScript

评论

0赞 Lawrence Cherone 1/18/2023
你能提供错误消息吗,它与CORS有关是不够的
0赞 Benjamin schwarz 1/18/2023
你好劳伦斯,谢谢你的提问。你是对的,我至少应该拍几张截图。控制台中的错误内容为: Blocage d'une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur cdn.rawgit.com/download/polymer-cdn/1.7.0.2/lib/paper-behaviors/....存在理由 : l'en-tête CORS « Access-Control-Allow-Origin » est manquant.代码 : 200 话虽如此,自从我解决了用新网址替换旧网址的问题以来,问题就不再火爆了。

答:

0赞 Benjamin schwarz 1/18/2023 #1

以防万一其他人有同样的问题:通过将所有 url 替换为新版本来解决。 那就是用 https://cdn.jsdelivr.net/gh/download/ 替换 https://cdn.rawgit.com/download/polymer-cdn/1.7.0.2/[email protected]/

至于问题的原因,我一无所知。