问题标签 [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.
vue-apollo - Vue Apollo 项目 - 拥有单独的服务是共享状态的好方法吗?
Vue
和中的菜鸟GraphQL
,我有两个页面,分别称为List
page 和Add
page ,我在其中显示列表或添加新项目。如果我在Angular
项目中,我将service
负责订阅list
observable,以便Add
页面可以向其添加新项目,并且List
页面可以访问页面导航之间的新更新列表。
现在我实际上正在研究nuxt
使用apollo
模块与graphql
服务器一起工作的项目,我设法使每个页面都按预期工作 -list
页面进行查询调用并显示列表,Add
页面进行突变调用并获取新列表作为响应和回到列表页面,我喜欢在不进行另一个查询调用的情况下显示新项目 - 但想知道上面的相同方法是否可以在这里工作。我花了一些时间阅读Vuex
,apollo-cache
但apollo-subscription
不知道如何解决这种情况。
django - 查询的 GraphQL 执行错误
我正在使用 Appolo-vue 设置我的 graphql 客户端。我在我的 http 标头中传递了我的授权令牌,但我得到了 200 ok 状态代码,但没有取回任何数据。
我正在使用 Appolo-vue 设置我的 graphql 客户端。我在我的 http 标头中传递了我的授权令牌,但我得到了 200 ok 状态代码,但没有取回任何数据。
这是我的 main.js 代码。
我在控制台中获得 200 状态 ok。但我收到查询“配置文件”的 GraphQL 执行错误
vue.js - 如何将动态参数添加到 graphql 查询中
我想做一个GraphQL查询,从我的 Vue 应用程序的数据字段中获取一些数据。但是,当我设置变量挂钩并尝试使用 this.object 引用我需要的对象时,我得到一个无法读取未定义的“xxx”。
Uncaught TypeError: Cannot read property 'presentQuestionId' of undefined 是不断出现的错误消息。
vue.js - Vue apollo post 方法
是否可以在 vue apollo 中仅使用 post 方法?
我们正在使用cli中的graphql和vue apollo插件,我只想使用post方法,可以吗?
我已经连接,但我只是使用 post 方法。我尝试 fetchOptions: { method: "POST" },但不起作用*
这是我的配置
testing - 如何模拟 ApolloMutation 组件?
除测试外,该应用程序的所有内容都运行良好。
我尝试使用mount
和shallowMount
暴露的方法@vue/test-utils
来模拟ApolloMutation
组件。
我在VueApollo
测试中看到了几个解决方案。我试过这个。就我而言,我正在使用NuxtApollo
社区模块。我尝试以相同的方式应用它,但是关于包装器的错误是空的,不确定导入@nuxtjs/apollo
是否是正确的做法。
我要测试的组件。
我希望输出是,4
但我得到了错误:[vue-test-utils]: find did not return .callMe, cannot call trigger() on empty Wrapper
vue.js - Vue/Apollo:apollo 会关心缓存已经访问过的页面,还是我必须将它们保存在我的商店中?
我正在使用 apollo 和 vue (nuxt) 构建一个应用程序,我想知道是否必须在我的商店中保存已经获取的页面,如果我希望它超级快速,每当用户返回他已经访问过的页面时。
现在我有一部分在显示页面之前获取一些阿波罗查询。收到数据后,我可以将其保存到商店中,以便在有人返回该页面时准备好内容。
但也许 Apollo 正在通过其智能缓存行为为我完成这项工作?
感谢您对此问题的一些意见。干杯
graphql - @client Apollo GQL 标签中断查询
我有一个vue-apollo
(使用nuxt
)查询,它应该显示一个本地客户端字段。但是,当我show @client
在查询中包含该行时,组件不会呈现。由于某种原因,它似乎也默默地失败了。
我正在使用两个突变扩展文件Calendar
中的类型(粘贴在下面)。extensions.js
这是设置值的解析器以及 Apollo 配置:
连同nuxt
配置:
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。
vue.js - Nuxt apollo 智能查询被调用了两次。引擎盖下会发生什么?
我在 SSR 模式下使用 nuxt 和 nuxt-apollo。似乎智能查询在 SSR 中被调用了两次,在前面又被调用了一次。如果我这样做:
在终端和 devtools 控制台中,每个都显示两个日志(带有nuxt:ssr
标签的 devtools),就像查询函数被调用两次一样。在 devtools 控制台中,还有一个没有nuxt:ssr
标签的日志,例如前面再调用一次查询。我觉得这最后一次是正常的,但是在SSR中没有理由两次...
我可以在 stackoverflow 代码片段中重现它,所以我在这里创建了一个代码框。
你看到这种行为了吗?你知道引擎盖下会发生什么吗?漏洞??