问题标签 [vue-apollo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
43 浏览

vue-apollo - Vue Apollo 项目 - 拥有单独的服务是共享状态的好方法吗?

Vue和中的菜鸟GraphQL,我有两个页面,分别称为Listpage 和Addpage ,我在其中显示列表或添加新项目。如果我在Angular项目中,我将service负责订阅listobservable,以便Add页面可以向其添加新项目,并且List页面可以访问页面导航之间的新更新列表。

现在我实际上正在研究nuxt使用apollo模块与graphql服务器一起工作的项目,我设法使每个页面都按预期工作 -list页面进行查询调用并显示列表,Add页面进行突变调用并获取新列表作为响应和回到列表页面,我喜欢在不进行另一个查询调用的情况下显示新项目 - 但想知道上面的相同方法是否可以在这里工作。我花了一些时间阅读Vuexapollo-cacheapollo-subscription不知道如何解决这种情况。

0 投票
0 回答
181 浏览

django - 查询的 GraphQL 执行错误

我正在使用 Appolo-vue 设置我的 graphql 客户端。我在我的 http 标头中传递了我的授权令牌,但我得到了 200 ok 状态代码,但没有取回任何数据。

我正在使用 Appolo-vue 设置我的 graphql 客户端。我在我的 http 标头中传递了我的授权令牌,但我得到了 200 ok 状态代码,但没有取回任何数据。

这是我的 main.js 代码。

我在控制台中获得 200 状态 ok。但我收到查询“配置文件”的 GraphQL 执行错误

0 投票
1 回答
1163 浏览

vue.js - 如何将动态参数添加到 graphql 查询中

我想做一个GraphQL查询,从我的 Vue 应用程序的数据字段中获取一些数据。但是,当我设置变量挂钩并尝试使用 this.object 引用我需要的对象时,我得到一个无法读取未定义的“xxx”。

Uncaught TypeError: Cannot read property 'presentQuestionId' of undefined 是不断出现的错误消息。

0 投票
0 回答
65 浏览

vue.js - Vue apollo post 方法

是否可以在 vue apollo 中仅使用 post 方法?

我们正在使用cli中的graphql和vue apollo插件,我只想使用post方法,可以吗?

我已经连接,但我只是使用 post 方法。我尝试 fetchOptions: { method: "POST" },但不起作用*

这是我的配置

0 投票
1 回答
253 浏览

testing - 如何模拟 ApolloMutation 组件?

除测试外,该应用程序的所有内容都运行良好。

我尝试使用mountshallowMount暴露的方法@vue/test-utils来模拟ApolloMutation组件。

我在VueApollo测试中看到了几个解决方案。我试过这个。就我而言,我正在使用NuxtApollo社区模块。我尝试以相同的方式应用它,但是关于包装器的错误是空的,不确定导入@nuxtjs/apollo是否是正确的做法。

我要测试的组件。

我希望输出是,4但我得到了错误:[vue-test-utils]: find did not return .callMe, cannot call trigger() on empty Wrapper

0 投票
1 回答
94 浏览

vue.js - Vue/Apollo:apollo 会关心缓存已经访问过的页面,还是我必须将它们保存在我的商店中?

我正在使用 apollo 和 vue (nuxt) 构建一个应用程序,我想知道是否必须在我的商店中保存已经获取的页面,如果我希望它超级快速,每当用户返回他已经访问过的页面时。

现在我有一部分在显示页面之前获取一些阿波罗查询。收到数据后,我可以将其保存到商店中,以便在有人返回该页面时准备好内容。

但也许 Apollo 正在通过其智能缓存行为为我完成这项工作?

感谢您对此问题的一些意见。干杯

0 投票
1 回答
2636 浏览

javascript - 为什么 WebStorm 在 Vue 组件或 .grapgql 文件中的 apollo 对象内的 gql 查询中显示错误

我对 WebStorm 语法高亮有疑问。我创建了适用于 localhost 应用程序的有效 GraphQL 查询,但 WebStorm 说

对象类型“查询”上的未知字段“familyMembers”

并以红色突出显示整个查询。

我真的很困惑,但也许我应该改变内部的一些东西apollo.config.js- 如果是,请告诉我什么。

你好世界.vue

apollo.config.js

一些截图:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
298 浏览

graphql - @client Apollo GQL 标签中断查询

我有一个vue-apollo(使用nuxt)查询,它应该显示一个本地客户端字段。但是,当我show @client在查询中包含该行时,组件不会呈现。由于某种原因,它似乎也默默地失败了。

我正在使用两个突变扩展文件Calendar中的类型(粘贴在下面)。extensions.js

这是设置值的解析器以及 Apollo 配置:

连同nuxt配置:

0 投票
1 回答
1183 浏览

caching - apollo-cache-persist 在 nuxt 中使用 vue-apollo

我正在尝试使用apollo-cache-persist,但我对文档感到困惑:https ://github.com/apollographql/apollo-cache-persist/blob/master/README.md#web 。

这是网络初始化代码:

await persistCache()正在引发错误,我不明白如果没有异步它会如何工作。我猜我需要把它放在一个插件中,但我也不太清楚该怎么做。

有关 Apollo 客户端配置的更多信息,请参阅另一个问题:@client Apollo GQL tag breaks query

0 投票
3 回答
1411 浏览

vue.js - Nuxt apollo 智能查询被调用了两次。引擎盖下会发生什么?

我在 SSR 模式下使用 nuxt 和 nuxt-apollo。似乎智能查询在 SSR 中被调用了两次,在前面又被调用了一次。如果我这样做:

在终端和 devtools 控制台中,每个都显示两个日志(带有nuxt:ssr标签的 devtools),就像查询函数被调用两次一样。在 devtools 控制台中,还有一个没有nuxt:ssr标签的日志,例如前面再调用一次查询。我觉得这最后一次是正常的,但是在SSR中没有理由两次...

我可以在 stackoverflow 代码片段中重现它,所以我在这里创建了一个代码框。

你看到这种行为了吗?你知道引擎盖下会发生什么吗?漏洞??