cdn 相关问题

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

我正在尝试在位于 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并转...

ssl reverse-proxy cdn cloudflare go-ethereum

回答 0 投票 0

我可以直接从客户端浏览器上传图片到 CloudFront 吗？

通常，当我想将图像缓存到 CloudFront 时，我将文件发送到以下方法。 [ClientBrowser->Origin(EC2)->C/F->Edge location->Caching Complete->Delete Origin...

amazon-web-services amazon-cloudfront cdn content-delivery-network

回答 1 投票 0

如何在面向 .net 6.0 的 ASP .NET Core 项目中进行捆绑和缩小，将文件从 cdn 链接加载到捆绑包中？

在 ASP.Net MVC 中，以下是从 cdn 链接加载文件并将其打包成一个包的方法： public static void RegisterBundles（BundleCollection 束） { bundles.UseCdn = true; 变种...

asp.net-core-mvc .net-6.0 cdn bundling-and-minification weboptimizer

回答 0 投票 0

如何从缓存控制策略中排除单个图像或一组图像？

我希望对我网站上的某些图像设置缓存控制策略以安抚谷歌领主，但是我不希望我网站上的所有图像都被缓存。虽然我对他有点模糊...

caching header seo cdn cache-control

回答 2 投票 0

Chrome devtools - 我可以从控制台加载 CDN 文件吗

我可以从 Chrome devtools 控制台加载 CDN 文件吗？背景：当我从控制台试验 web3 javascript 时，我得到了这个问题。这个问题是关于控制台的使用。我有个...

javascript google-chrome-devtools cdn

回答 1 投票 0

Tailwind intellisens 不适用于 cdn

Tailwind intellisens 在 VScode 中使用带有 cdn 的 tailwind 时不起作用。不显示建议。我尝试重新安装 intellisens，并尝试安装 npm tailwind。

visual-studio-code cdn

回答 1 投票 0

为什么当有人发布服务器端更新时，需要很长时间才能出现？

我来问一个关于服务器端更新的问题。当有人更新时，例如：Google Play 商店应用程序，更新不会立即出现并且需要更长的时间才能...

server updates cdn server-side

回答 1 投票 0

原始 Github js 文件没有像 CDN 那样加载（直接链接）

我创建了一个编码库供公众使用，方法是在页面上的标记中放置一个 <head> 标记，但是当我尝试使用该函数时，它在运行时显示未定义。 .我链接...</desc> <question vote="-2"> <p>我创建了一个编码库供公众使用，方法是在页面上的 <pre><code><script></code></pre> 标签中放置一个 <pre><code><head></code></pre> 标签，但是当我尝试使用该函数时，它在运行时显示 <pre><code>undefined</code></pre>。</p> <p>.我将 url 链接到 <pre><code>index.js</code></pre> 文件，但它不会将其加载到客户端用户。</p> <pre><code><head> <script src="https://github.com/<username>/<repo>/blob/master/index.js"></script> </head> </code></pre> <p>当我运行我在 <pre><code>console.log(ranInteger(1,10))</code></pre> 文件中定义的 <pre><code>index.js</code></pre> 时，我得到一个 <pre><code>ranInteger is not defined </code></pre> 错误。欢迎所有帮助！</p> </question> <answer tick="true" vote="1"> <p>从技术上讲，GitHub 不允许像 CDN 一样从他们的站点访问源代码，但是从<a href="https://stackoverflow.com/questions/19285686/how-to-load-javascript-files-from-github-externally/">这个 StackOverflow 问题</a>，有一个解决方法。我不建议使用它，但您可以使用“https://cdn.jsdelivr.net/gh/”让您的脚本工作（来自 StackOverflow 上的用户@anayarojo）。</p> <p>您案例中的网址如下所示：</p> <pre><code>https://cdn.jsdelivr.net/gh/McJoe21/coderslib/index.js </code></pre> <p>URL 的模式是： <pre><code>https://cdn.jsdelivr.net/gh/<username>/<repository>/<file></code></pre></p> </answer> <answer tick="false" vote="0"> <p>您不能从原始版本的 Github 加载 JavaScript，因为内容类型（MIME 类型）是 <pre><code>text/plain</code></pre>，而不是 <pre><code>application/javascript</code></pre> 或 <pre><code>text/javascript</code></pre>。这是为了阻止你使用 Github 作为 CDN。您仍然可以通过以下方式使用 <pre><code>cdn.jsdelivr.net</code></pre>.</p> 实现将原始文件作为 cdn 服务 <pre><code>https://cdn.jsdelivr.net/gh/<github-username>/<github-repo-name@branch-name>/<filename> </code></pre> <p>如果文件在<pre><code>main</code></pre>分支，不需要包含在<pre><code>@</code></pre>之后的分支部分。如果你也提到，它会起作用。</p> <p><a href="https://rawgit.com/" rel="nofollow noreferrer">更多参考</a></p> </answer> <answer tick="false" vote="-1"> <p>您尝试导入的文件只是该文件的 GitHub 查看器。要导入文件的原始数据，您需要使用以下代码：</p> <pre><code><script> const source = 'https://raw.githubusercontent.com/<username>/<repo>/master/index.js'; fetch(source).then((response) => { return response.text() }).then((response) => { eval(response); }).catch((error) => { console.error(`An error occured while attempting to load the "${source}" resource!`); console.error(error); }); </script> </code></pre> <p>由于 GitHub 网站不允许直接导入他们的用户内容，因此您需要将源 URL 包装在上面的 fetch-eval 块中以直接获取文件内容。</p> </answer> </body></html>

javascript html github github-pages cdn

回答 0 投票 0

通过合并不同项目的 cdn 文件来减少加载时间

最初我的项目很简单，这是一个简单的项目，只涉及 firebase 作为后端。但是随着事情的处理，我开始为项目添加更多的功能，更多的图书馆......

javascript node.js cdn

回答 0 投票 0

静态目录如何通过Nuxt2与CDN协同工作？

我们知道publicPath可以设置为CDN。启动 nuxt 构建时，将 .nuxt/dist/ 目录的内容上传到您的 CDN！但是静态目录中的文件呢？如何定义重新...

vue.js frontend nuxt.js cdn

回答 0 投票 0

如何设置 Nuxt CDN 设置？ [关闭]

[Nuxt2] 我做了： 1: 在 nuxt.config.js 文件中将 publicPath 设置为 CDN url。 2：nuxt build（不是静态网站，不能用nuxt generate）。问题： (1) .nuxt/dist 目录不包含 ...