cdn 相关问题

内容传递网络或内容分发网络（CDN）是包含放置在网络的各个节点处的数据的副本的计算机系统。

今天，当我在 JioCinemas 上观看 IPL 比赛时，我打开了网络选项卡，只是为了查看它发出的所有请求、响应时间、cdn 提供商等我注意到 JioCinemas 正在制作 Prefli...

optimization cors cdn akamai

回答 0 投票 0

这是我的代码。为什么会出现这些错误？试了上千种方法，还是一事无成。 <question vote="0"> <p>这是我的代码。为什么会出现这些错误？已经尝试了一千种方法，却一事无成。</p> <pre><code> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/Observer.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> <script src= "https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollToPlugin.min.js"></script> <script async src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script> <script type="importmap"> { "imports": { "three": "https://unpkg.com/three@<version>/build/three.module.js", "three/addons/": "https://unpkg.com/three@<version>/examples/jsm/", "gsap": "https://unpkg.com/browse/gsap@<version>/src/gsap-core.js", "gsap/": "https://unpkg.com/browse/gsap@<version>/src/", } } </script> <script type="module" src="/main.js"></script> </code></pre> <pre><code>import * as THREE from "three"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js"; import { RenderPass } from "three/addons/postprocessing/RenderPass.js"; import { gsap } from "gsap"; import { Observer } from "gsap/Observer"; import { ScrollTrigger } from "gsap/ScrollTrigger"; import { ScrollToPlugin } from "gsap/ScrollToPlugin" import state from "https://gramophone-frezy.s3.eu-central-1.amazonaws.com/bestR.json"; import * as core from '@theatre/core.js' </code></pre> <p>GET <a href="https://unpkg.com/three@%3Cversion%3E/examples/jsm/loaders/GLTFLoader.js" rel="nofollow noreferrer">https://unpkg.com/three@%3Cversion%3E/examples/jsm/loaders/GLTFLoader.js</a> net::ERR_ABORTED 404 main.js:3 GET <a href="https://unpkg.com/three@%3Cversion%3E/build/three.module.js" rel="nofollow noreferrer">https://unpkg.com/three@%3Cversion%3E/build/three.module.js</a> net::ERR_ABORTED 404 main.js:10 GET <a href="https://unpkg.com/browse/gsap@%3Cversion%3E/src/ScrollToPlugin" rel="nofollow noreferrer">https://unpkg.com/browse/gsap@%3Cversion%3E/src/ScrollToPlugin</a> net::ERR_ABORTED 404 main.js:6 GET <a href="https://unpkg.com/three@%3Cversion%3E/examples/jsm/postprocessing/RenderPass.js" rel="nofollow noreferrer">https://unpkg.com/three@%3Cversion%3E/examples/jsm/postprocessing/RenderPass.js</a> net::ERR_ABORTED 404 main.js:7 GET <a href="https://unpkg.com/browse/gsap@%3Cversion%3E/src/gsap-core.js" rel="nofollow noreferrer">https://unpkg.com/browse/gsap@%3Cversion%3E/src/gsap-core.js</a> net::ERR_ABORTED 404 main.js:5 GET <a href="https://unpkg.com/three@%3Cversion%3E/examples/jsm/postprocessing/EffectComposer.js" rel="nofollow noreferrer">https://unpkg.com/three@%3Cversion%3E/examples/jsm/postprocessing/EffectComposer.js</a> net::ERR_ABORTED 404 main.js:12 GET <a href="https://unpkg.com/browse/theatre@%3Cversion%3E/core.js" rel="nofollow noreferrer">https://unpkg.com/browse/theatre@%3Cversion%3E/core.js</a> net::ERR_ABORTED 404 main.js:9 GET <a href="https://unpkg.com/browse/gsap@%3Cversion%3E/src/ScrollTrigger" rel="nofollow noreferrer">https://unpkg.com/browse/gsap@%3Cversion%3E/src/ScrollTrigger</a> net::ERR_ABORTED 404 main.js:8 GET <a href="https://unpkg.com/browse/gsap@%3Cversion%3E/src/Observer" rel="nofollow noreferrer">https://unpkg.com/browse/gsap@%3Cversion%3E/src/Observer</a> net::ERR_ABORTED 404</p> <p>我也有这些错误</p> <p>sound.png:1 加载模块脚本失败：需要一个 JavaScript 模块脚本，但服务器响应 MIME 类型为“image/png”。根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。 sound2.png:1 加载模块脚本失败：需要一个 JavaScript 模块脚本，但服务器以“image/png”的 MIME 类型响应。根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。 bestR.json:1 无法加载模块脚本：需要一个 JavaScript 模块脚本，但服务器响应的 MIME 类型为“application/json”。根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。</p> <p>当我将它们导入为</p> <pre><code>import soundImg from 'https://gramophone-frezy.s3.eu-central-1.amazonaws.com/sound.png'; import soundImg2 from 'https://gramophone-frezy.s3.eu-central-1.amazonaws.com/sound2.png'; </code></pre> <p>和</p> <pre><code>import soundImg from './images/sound.png'; import soundImg2 from './images/sound2.png'; import state from "./scene/bestR.json"; </code></pre> <p>非常感谢您的帮助，因为我完全没有想法。为了添加一些上下文，我正在尝试将网站从 Vite 项目上传到 Hostinger。本地托管在没有 cdns 的情况下工作，但在托管商上没有，所以我尝试使用 cdns 并做到了这一点。</p> </question> <answer tick="false" vote="0"> <p>您的 <a href="https://unpkg.com/" rel="nofollow noreferrer">unpkg</a> URL 包含文本“@<version>”——可能是因为您只是从某处复制了模式。但是，“<version>”意味着要用实际版本号（例如 <pre><code>1.2.3</code></pre> 或类似的）代替。</p> <p>在很多情况下，您也可以简单地省略“@<version>”，然后自动检索最新版本的包。</p> </answer> </body></html>

javascript node.js cdn

回答 0 投票 0

Azure 静态网站在某些情况下无法加载

我已经设置了一个带有 CDN 的 Azure 静态网站，CDN 端点是 https://cvwebsite.azureedge.net 并且我在 CloudFlare www 中创建了两个指向 https://cvwebsite.azuree 的 CNAME 记录。 .

azure cdn cname

回答 0 投票 0

jsDelivr 没有更新

我知道堆栈溢出中存在同样的问题。但是他们没有得到正确的回答。我从 Github 上传了一个 js 到 jsDelivr。 Github 中的一个已更新，但 jsDelivr 未更新。例子： Github 如果...

github cdn jsdelivr

回答 1 投票 0

How to resolve Cloudfront CORS Error coming only from loader?

我正在尝试通过加载程序脚本加载 CDN javascript 文件，但出现以下错误。从来源“https://local.foo.com:300...

javascript amazon-web-services cors amazon-cloudfront cdn

回答 0 投票 0

Cloudflare S3 基于前缀/文件夹的访问，例如 AWS CloudFront

AWS CloudFront 支持 S3 和 CDN 分发的自定义来源在这里我们可以提供源路径作为文件夹名称和源类型作为 S3 或任何自定义源我只想允许特定文件夹访问...

amazon-web-services amazon-cloudfront cdn cloudflare cloudflare-workers

回答 0 投票 0

react.development.js 和react.production.js 文件通过CDN 的区别

通过 CDN 的 react.development.js 和 react.production.js 文件有什么区别？有人可以详细解释一下吗？我不明白“通过 CDN”这个词是什么意思......

reactjs react-hooks cdn production

回答 1 投票 0

DNS：现有记录与尝试的 CNAME 记录冲突

我在 Vercel 上托管了我的一个应用程序。 Vercel 也是我可以编辑我的 DNS 记录的地方。现在我不想将我的图像托管在我网站上的文件夹中。因此，我用亚马逊创建了一个 CDN。为了配合...

dns cdn vercel cname

回答 0 投票 0

cdn执行成功后如何调用cdn提供的全局方法？

我正在尝试在我的 React 项目中使用 cdn 链接。它为全局对象提供了如下函数：无线...</desc> <question vote="0"> <p>我正在尝试在我的 React 项目中使用 cdn 链接。</p> <pre><code><script type="text/javascript" src="cdn_link" /> </code></pre> <p>它提供了一个具有如下功能的全局对象：</p> <pre><code>window.module = { identify: (val) => Identify(val) }; </code></pre> <p>我想在<pre><code>window.module.identify(...args)</code></pre><pre>中调用这个</pre><code>componentDidMount</code></p> <p>但是由于 cdn 是异步的，我无法在触发 <pre><code>componentDidMount</code></pre> 之前等待它成功执行。</p> <p>结果它抛出一个错误</p> <pre><code>Uncaught TypeError: window.module.identify is not a function. </code></pre> <p>我已经尝试了一些解决方案：</p> <ol> <li>async=false 和 defer=false.</li> <li>在 onload 上调用方法/回调。 <pre><code>(window.addEventListener('load', () => window.module.identify(...args)))</code></pre></li> </ol> <p>但是这些方法无法阻止我试图在<pre><code>window.module.identify(...args)</code></pre>上调用的<pre><code>componentDidMount</code></pre>，直到cdn链接返回所需的js代码。</p> </question> </body></html>

javascript reactjs react-hooks cdn lifecycle

回答 0 投票 0

如何在 django 中使用 vuejs

我正在尝试在位于 home（django 应用程序）/templates/index.html 的 html 文件中使用 vue（带有 cdn）。我在正文中包含了 cdn，这是代码： <p>我正在尝试在位于 home（django 应用程序）/templates/index.html 的 html 文件中使用 vue（带有 cdn）。</p> <p>我在正文中包含了cdn，这是代码：</p> <pre><code> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <div id="app">{{ message }}</div> <script> const { createApp } = View createApp({ data() { return { message: 'Hello Vue!' } } }).mount('#app') </script> </code></pre> <p>页面上没有任何显示，我在控制台中有这个错误：</p> <pre><code>[Vue warn]: Component is missing template or render function. at <App> </code></pre> <p>这段代码有什么问题？</p> </question> <answer tick="false" vote="0"> <p>您使用了<pre><code>View</code></pre>而不是<pre><code>Vue</code></pre>。</p> <p>应该是这样</p> <pre><code> const { createApp } = Vue </code></pre> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>#app { line-height: 1.75; } [v-cloak] { display: none; }</code></pre> <pre><code><script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <div id="app">{{ message }}</div> <script> const { createApp } = Vue createApp({ data() { return { message: 'Hello Vue!' } } }).mount('#app') </script></code></pre> </div> </div> <p></p> </answer> </body></html>

django vue.js vuejs3 cdn

回答 0 投票 0

Bootscrap NavigationBar 不显示下拉菜单，全屏菜单也没有按预期与标题间隔

代码：丁狗代码： <nav class="navbar navbar-expand-lg navbar-dark"> <a class="navbar-brand" href="">tindog</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="">Contact</a> </li> <li class="nav-item"> <a class="nav-link" href="">Pricing</a> </li> <li class="nav-item"> <a class="nav-link" href="">Download</a> </li> </ul> </div> </nav> 头部添加了 js 和 html 的 Bootscrap CDN 链接：期望：1.根据下图，导航栏在桌面上的间距应该是这样但是我得到了这个：此外，在平板电脑和手机上，导航栏应该在点击时下拉菜单，但我的没有，为什么？ PS：不要介意背景颜色我上面已经解释过了你忘了添加 bg-dark 类到导航。代码应该是这样的： <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="">tindog</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="">Contact</a> </li> <li class="nav-item"> <a class="nav-link" href="">Pricing</a> </li> <li class="nav-item"> <a class="nav-link" href="">Download</a> </li> </ul> </div> </nav> 我将 navbar-brand 包装在一个 div 标签中，其中还有一个名为 container-fluid 的类。看起来更好

html css twitter-bootstrap navbar cdn

回答 1 投票 0

范围未在 alpine.js 中定义

在将 alpine.js 与 html 链接后，它有望照常工作。但在控制台中它显示这 2 个错误作为索引未定义和范围未定义

javascript html cdn alpine.js

回答 1 投票 0

使用CDN之前的一些简单逻辑

我正在考虑迁移到CDN平台。但我有一些顾虑，因为我想以某种方式检测访问者是否被标记（cookies），而不是选择 CDN 或其他东西。有没有可能我...

amazon-web-services nginx cloud amazon-cloudfront cdn

回答 1 投票 0

如何使用 cloudflare CDN 制作 Json Rpc

我想使用 cloudflare 来代理我的 Geth rpc 和真实 ip 地址例如，如果我的 geth 原始 rpc 是 ws://test.geth.xyz:8546 http://test.geth.xyz:8545 如何让CDN代理rpc并转...