问题标签 [nuxtjs]

我有这个设置：

index.vue -> 包含不同的<NuxtLink :to="/abc">或<NuxtLink :to="/def">

abc.vue 和 def.vue 具有async asyncData() { ... }从 API 加载服务器端数据的功能。

我的问题是，该功能asyncData仅在请求路径时/abc或/def第一次在服务器端执行。感谢 NuxtJS 的文档，我知道这是正常行为。但是我如何在使用时从服务器上预取的 API 中获取数据<Nuxt-Link>？

我对所有这些都是新手，所以我需要帮助。首先是 vue-glide-js 事件是如何工作的。它的文档只是在没有示例的情况下列出了它们。其次，更重要的是，我想在我的轮播结束时发送一个 axios 请求并加载更多项目。我无法处理事件，因此使用了活动幻灯片并观看了它，最后一张幻灯片发送并更新了我的数据，但幻灯片仍显示前一张。我该怎么办？

这是我的代码的简化版本

如您所见，我手动向数组中添加了更多项目，但 glide 仍显示 7 个项目。我知道这与安装有关，但不知道该怎么做。

还有一件事情。如果有更好的轮播支持 rtl 和断点（不同宽度的每个视图的项目），我很高兴知道。坦克

我有一个使用通配符子域的服务器。我正在使用 nuxtjs，nginx 在端口 3000 上的反向代理上运行。每个用户都应该能够在站点上创建一个子域，例如subdomain.learnbot.tk这将指向learnbot.tk/school/{subdomain-name}. 每个用户都应该能够创建一个指向他们自己的 cname subdomain.learnbot.tk。

但是，当我使用域名创建主机为@和目标的 CNAME 记录时，它返回 404。subdomain.learnbot.tkhttps://creatorbrandedsite.tk/

这是我的通配符子域的 conf 文件：

主域的 nuxtjs conf 文件

我尝试根据本教程将我的 Flask 服务器连接到 nuxt.js。我创建了一个环境变量 env：

并用 axios 将它连接到我的索引文件中

当我尝试运行教程中描述的项目时，一切正常。当我对自己的 nubies 代码做同样的事情时，我得到了这个错误

如果我像这样 axios.get('http://localhost:5000/') 输入到服务器的直接链接，错误就会消失。

在我看来，在我的代码（我用 webpack-simple 初始化）的某个地方，路由更改为 http://localhost:80 关于如何修复它的任何想法？

我想使用您可以设置给用户的 Auth0 权限作为范围键，以便在我的前端显示一些内容。一个示例 JWT 如下所示：

现在我在我的 nuxt.config.js 中将 scopeKey 添加到我的身份验证配置中

在我的应用程序中

总是返回假。

我错过了什么还是我做错了什么？不可能，因为它不像正常的“范围”那样是空格分隔的吗？提前致谢！

我正在开发一个具有小部件等功能的网站，我需要允许在 iFrame 中打开几个页面。我创建了一个单独index.html的文件，它有一个 iframe，并且 iframe 的 src 是 NuxtJS 应用程序的一页的 URL。当我运行此index.html文件（在浏览器中打开）时出现错误

当我在本地（localhost）运行项目https://localhost:3000/widgets/new/并将页面的本地 URL 用作 iframe 的 src 时，它就可以工作了。但不在生产中。

我环顾互联网，但找不到任何相关的解决方案可以尝试。

NuxtJS 中是否有任何选项或配置可用于将 x-frame 选项设置为在某些路由或页面上允许（true）？

我正在使用 Amazon S3 存储桶来存储项目并使用 Amazon CloudFront 为网站提供服务。

当我在我的 NuxtJs 项目上键入调用命令“nuxt start -c ./phiv/nuxt.config.js”的命令“npm run build”时，我收到了这个我不明白的错误消息：

是否有人可以帮助我理解此错误消息的含义以及我必须搜索的内容？找了好久，也不知道怎么回事。。。

我提前感谢您的帮助

还有 npm run build 命令调用的 nuxt.config.js ：

我想在替换另一个即将到来的数据列表之前保留一个数据列表。我在我的 vuejs 项目中使用这个插件：https ://peachscript.github.io/vue-infinite-loading来加载更多数据。

设想：

1. 通过调用加载更多处理函数重新加载以获取数据列表
   • 在 Vuex 中做一个动作请求并存储在一个状态中
   • 列出来自 Vuex 状态的数据
2. 过滤另一个数据并列出
   • 保留以前的数据列表，同时另一个即将替换的数据列表

在替换为即将到来的数据列表之前保留当前数据列表

目前，我通过将数据列表重置为 null 来加载更多处理函数来获取数据以获取新数据，这就是我的数据列表为空的原因。

先感谢您。

所以我通过获取博客类别API列表并使用v-for.

我还需要获取每个类别中的博客数量并将它们放在类别旁边。

但问题是我正在调用一个调用api.

你知道它已经显示的例子是Animals [Object Promise]

处理这种事情的最佳方法是什么？

我发现这篇很棒的帖子可以正确管理 Nuxt v2.13 应用程序中的环境变量。我只是尝试实现建议的逻辑，但我遇到了一些我想问你的问题。

我将 publicRuntimeConfig 和 privateRuntimeConfig 设置如下。我正在使用 Contentful，所以我必须正确设置 Contentful 令牌才能进行 API 调用。

上面的模块导出语句我必须从 .env 定义数据，所以：

接下来，进入 Nuxt 页面组件（选择 pages/index.vue 作为参考），记住 privateRuntimeConfig 仅在服务器端可用，我使用 $config 提升 asyncData 钩子：

酷，我刷新了运行 Nuxt 的浏览器选项卡，asyncData 完成了它的工作，并且适当地设置了私有配置变量。

接下来，我浏览其他应用程序页面，然后返回索引和 .

Nuxt 崩溃并且 $config 私有变量未定义。

我不想找到解决方法，因为我们正在谈论安全性，因此我只能询问我的配置是否正确以及 Nuxt 在幕后发生了什么。

Nuxt.js 文档是明确的：

每次加载页面组件之前都会调用 asyncData。它将在服务器端调用一次（在对 Nuxt 应用程序的第一次请求时）和在导航到更多路由时在客户端调用。

所以问题是如何在客户端正确加载私有配置变量。

一位导师朋友会说这个神奇的词：Noob。