问题标签 [nuxtjs]

我想在 NuxtJS 中创建一个自定义图像组件（传递 rgb 颜色并自动为图像着色），但是当我的 CustomImage 组件中的 img 获得通过的路径时，它无法加载我的图像。

错误：

我的自定义图像：

当前文档中尚不清楚，因为fetch方法发生了很大变化。据我了解，在文档中它说：

fetch(context) 已被弃用，您可以在页面中使用匿名中间件：middleware(context)

所以context不再可用了？那么将什么传递给新 fetch方法呢？

以及如何store访问context？比如2.12.2之前，我们可以使用fetch如下方法：

所以，我假设上面的代码将来不会很快在 Nuxt 3 中运行。那么当你在一个页面上时如何填充存储数据呢？

目前，您似乎仍然可以访问新方法中context的第一个参数。未来呢？ fetch

我正在使用 NuxtJS fetch()挂钩从 REST 服务获取异步数据。以下是请求

我还需要发送一个可选的查询参数uid，即用户登录时的用户 ID。用户 ID 存储在 Vuex 状态中，可以在客户端访问，如下所示

this.$store.state.user.userDetails.id

但是当页面重新加载并在服务器端执行fetch()时，这将返回null。我也在寻找一种在服务器端访问此状态的方法。我尝试使用如下 Nuxt 上下文，但在服务器端运行时this.$nuxt.context它也返回null 。

this.$nuxt.context.store.state.user.userDetails.id

任何建议如何在服务器端访问 Vuex 状态。谢谢

我将 nuxtjs 用于我的前端项目。在我完成了一些开发之后，我尝试使用共享托管来托管它，所以我运行了'npm run generate命令。但是有些页面会出现这个错误。

这是我的银行页面代码

如果我删除下面的部分并运行npm run generate命令它可以正常工作

laravel 控制器功能

这有什么问题？

谢谢你..

假设我baseURL在给定服务中定义如下：

在此示例?order=desc&sort=name中，每个请求都重复了如何将其添加到 baseURL 并使其像动态一样：

哪里%s可以用'/users/'+idor 代替'/users/'，可能是这样，还是有任何其他方法可以解析 URL 以使其动态化？

当我将请求发送到我的 Graphql API 时，出现如下错误，请求结束成功但控制台显示；

我有一个 fragmentTypes.json 文件，但我不知道如何集成到 Nuxt 和 Nuxt 配置。

我使用 nuxt-generate 和 nuxt/device 包。它提供了设备类型，但用于布局，因为我在第一次加载时使用 nuxt-generate 应用程序使用默认布局。不是 nuxt/device 提供的。但是在我转到另一个页面后，它开始使用正确的布局。所以问题是我如何让应用程序在第一次初始化时使用布局。或者至少在初始化后更改它。有什么办法可以做到这些吗？这就是我尝试选择布局但在第一次打开时从未工作过的方式。

我正在尝试记录 nuxt-apollo 的请求（标​​头和响应），类似于 chrome devtools 网络选项卡，但随后是服务器端。如何使用 nuxt-apollo 模块做到这一点？我正在运行 nuxt 通用模式。我想在服务器端进行所有 graphql 调用。

我可能仍然对这个概念有些困惑。但。在这种情况下，我有一个联系表单，它在发送时调用我自己的 laravel 后端 api，它将为我处理发送电子邮件功能。

我想用 api 密钥保护它，但我不希望我的 api 密钥暴露在前端的任何地方。我的 Vue/Nuxt 应用程序正在服务器上运行。

所以环境变量应该是答案 - 我猜。不过，如果我这样做：

当然，在代码中它是隐藏的，但在前端检查它，到处可见的是 api 密钥。

如果密钥甚至是当今的解决方案，那么推荐使用密钥保护的方法是什么。

向我的快递服务器发送 POST api 请求时出现以下错误。

express 服务器使用 npm cors 包和护照 jwt 身份验证策略。

我正在从 nuxtjs 应用程序使用 axios 发送此请求。

有谁知道如何解决这个 CORS 问题？