内容传递网络或内容分发网络（CDN）是包含放置在网络的各个节点处的数据的副本的计算机系统。
Google 素材图标 CDN 在 NEXTJS 中不起作用
我将谷歌图标 CDN 添加到我的 _document.js 文件 nextJs 项目中，但谷歌图标仍然无法在我的项目中工作。 ```从“next/document”导入 { Html, Head, Main, NextScript }；
今天，当我在 JioCinemas 上观看 IPL 比赛时，我打开了网络选项卡，只是为了查看它发出的所有请求、响应时间、cdn 提供商等 我注意到 JioCinemas 正在制作 Prefli...
这是我的代码。为什么会出现这些错误？试了上千种方法，还是一事无成。 <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>
我已经设置了一个带有 CDN 的 Azure 静态网站，CDN 端点是 https://cvwebsite.azureedge.net 并且我在 CloudFlare www 中创建了两个指向 https://cvwebsite.azuree 的 CNAME 记录。 .
我知道堆栈溢出中存在同样的问题。但是他们没有得到正确的回答。 我从 Github 上传了一个 js 到 jsDelivr。 Github 中的一个已更新，但 jsDelivr 未更新。 例子： Github 如果...
How to resolve Cloudfront CORS Error coming only from loader?
我正在尝试通过加载程序脚本加载 CDN javascript 文件，但出现以下错误。 从来源“https://local.foo.com:300...
Cloudflare S3 基于前缀/文件夹的访问，例如 AWS CloudFront
AWS CloudFront 支持 S3 和 CDN 分发的自定义来源 在这里我们可以提供源路径作为文件夹名称和源类型作为 S3 或任何自定义源 我只想允许特定文件夹访问...
react.development.js 和react.production.js 文件通过CDN 的区别
通过 CDN 的 react.development.js 和 react.production.js 文件有什么区别？ 有人可以详细解释一下吗？ 我不明白“通过 CDN”这个词是什么意思......
我在 Vercel 上托管了我的一个应用程序。 Vercel 也是我可以编辑我的 DNS 记录的地方。 现在我不想将我的图像托管在我网站上的文件夹中。因此，我用亚马逊创建了一个 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>
我正在尝试在位于 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>
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 的类。 看起来更好
在将 alpine.js 与 html 链接后，它有望照常工作。但在控制台中它显示这 2 个错误作为索引未定义和范围未定义
我正在考虑迁移到CDN平台。但我有一些顾虑，因为我想以某种方式检测访问者是否被标记（cookies），而不是选择 CDN 或其他东西。 有没有可能我...
如何使用 cloudflare CDN 制作 Json Rpc
我想使用 cloudflare 来代理我的 Geth rpc 和真实 ip 地址 例如，如果我的 geth 原始 rpc 是 ws://test.geth.xyz:8546 http://test.geth.xyz:8545 如何让CDN代理rpc并转...
我可以直接从客户端浏览器上传图片到 CloudFront 吗？
通常，当我想将图像缓存到 CloudFront 时， 我将文件发送到以下方法。 [ClientBrowser->Origin(EC2)->C/F->Edge location->Caching Complete->Delete Origin...
如何在面向 .net 6.0 的 ASP .NET Core 项目中进行捆绑和缩小，将文件从 cdn 链接加载到捆绑包中？
在 ASP.Net MVC 中，以下是从 cdn 链接加载文件并将其打包成一个包的方法： public static void RegisterBundles（BundleCollection 束） { bundles.UseCdn = true; 变种...
我希望对我网站上的某些图像设置缓存控制策略以安抚谷歌领主，但是我不希望我网站上的所有图像都被缓存。虽然我对他有点模糊...
Chrome devtools - 我可以从控制台加载 CDN 文件吗
我可以从 Chrome devtools 控制台加载 CDN 文件吗？ 背景： 当我从控制台试验 web3 javascript 时，我得到了这个问题。 这个问题是关于控制台的使用。 我有个...
Tailwind intellisens 在 VScode 中使用带有 cdn 的 tailwind 时不起作用。不显示建议。 我尝试重新安装 intellisens，并尝试安装 npm tailwind。