问题标签 [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 回答
124 浏览

javascript - 如何在旧版 IOS/旧版浏览器上使用 Graphql Vue Apollo?

我刚刚意识到并注意到我的 vue 应用程序在某些旧浏览器(例如 ios 9)上运行不佳。我使用vue-apollo使用 django graphene 从 graphql api 获取数据,但是当我调试它时,它不会在第一次加载时被调用。

以前我得到像“全局找不到fetch”这样的错误,但后来我已经通过将“unfetch”添加到 ApolloClient 配置来修复它。但我仍然无法在 xhr 网络上看到调用 api。我没有尝试过同构获取

这是我的 apollo 客户端配置代码:

我在 main.js 中指定它

这是我在 main.js 中使用的 apollo 示例以及使用智能查询:

我怎样才能让它在 ios 9 / 任何旧版浏览器上运行?

0 投票
1 回答
6931 浏览

vue.js - “默认 Apollo 查询”VS “AsyncData”(Nuxt.js)

我正在使用 Nuxt/Vue 构建一个站点,它使用的是 GraphQL 后端 API。我们使用 Nuxt 的 Apollo 模块访问它。

在页面组件中,您可以这样做(我认为这称为智能查询,但我不确定):

但是您也可以使用 Nuxt asyncData 钩子进行这样的查询:

我不确定这两种方式有什么区别,哪种更好。有人知道吗?我在任何地方的文档中都找不到解释。

0 投票
1 回答
763 浏览

vue.js - Vuex 突变通过异步/等待操作更新具有动态属性名称的对象

所以我试图让 Nuxt 查询我的 GQL API 以获取站点菜单。我通过我的商店模块nuxtServerInit中的功能来做到这一点。index.js

像这样:

QUERY_MENUS从我的menus.js商店模块调用我的操作。代码是这样的:

问题是注释掉的行都SET_MENU不能可靠地工作(当未注释时),有时它们工作,有时它们不工作。我猜它与 Nuxt 和 SSR 有关,或者我做错了异步/等待的东西?

代码沙盒在这里:

代码:https ://codesandbox.io/s/j3yjz2wm6y?fontsize=14

预览:https ://j3yjz2wm6y.sse.codesandbox.io/

有什么建议么?谢谢!

0 投票
2 回答
2442 浏览

vuejs2 - 如果输入变量为空,则阻止 vue-apollo 中的 graphql 查询

我一直在阅读并为联系人输入字段提出了查询设置。我想避免在组件启动时使用空输入运行此查询。我也许可以通过计算方法手动运行查询,但是有没有一种简单的方法可以防止这种情况发生?

我想我不了解预取,或者它是否适用于这里?

0 投票
1 回答
147 浏览

vue.js - 如何在外部 oauth2 完成后重新获取 apollo vuejs

我有一个 vuejs/apollo grapqhl 单页应用程序。在某一时刻,可以选择将其连接到另一个服务(在本例中为 vimeo)。流量是

  1. 单击开始 - 这将转到 graphql 服务器并收集指向 vimeo oauth2 服务器的重定向链接,并附加了一些状态,然后进行重定向
  2. 同意对话框发生在 vimeo oauth2 服务器上,该服务器重定向到 graphql 服务器上的路由 - 这会使用 vimeo 用户配置文件更新后端数据库,然后返回到它停止的主前端应用程序。
  3. 此时我需要重新获取在第 2 步更新的数据,但我当然无法检测到何时完成。

关于如何在第 3 步完成时强制前端重新获取的任何建议?

0 投票
1 回答
100 浏览

vue.js - 这个 curl 请求的等效 vue-apollo 选项是什么?

我不知道如何在 vue-apollo 中传递这个 curl 请求的 --user 字段

我可以在 vue-apollo 的哪个位置设置 --user ?

我在 vue-apollo 选项对象中尝试过以下

但它不起作用

我期待公司的结果

0 投票
1 回答
1162 浏览

vue.js - Vue Apollo:如何使用对象作为输入参数来查询 GraphQL?

我想通过 Saleor 电子商务平台提供的 GraphQL API 创建一个结帐对象。

根据 gql 游乐场,有一个突变可以这样做,它需要一个 CheckoutCreateInput 对象作为它的参数。

这是一个在操场上运行良好的示例突变。

示例 gql

这是我尝试过的当前代码(我在 vuex 操作中执行此操作)

这是 CREATE_CART_MUTATION:

在服务器上,这会返回以下错误:

0 投票
1 回答
1519 浏览

vue.js - 使用 vue-test-utils 测试 vue-apollo

我是测试和 GraphQL 的新手。我正在尝试使用 vue-test-utils 和 jest 测试使用 GraphQL 的 VueJS 应用程序。我有一个组件,它从挂载钩子中的 graphql 服务器获取类别。

在我StepTwo.spec.js的 in 我将 Vue-apollo 添加到 vue 实例。

当我尝试安装我的组件时,我得到了 TypeError: Cannot read property 'query' of undefined. 任何帮助,将不胜感激。

0 投票
1 回答
172 浏览

vue.js - 将阿波罗查询结果存储在本地状态?

假设我有一个带有用户 ID 的缩小项目列表。通过单击它们,我想使用 apollo 查询延迟加载数据,展开并显示接收到的数据,例如用户名、地址等。那么我应该如何在本地“缓存”或存储这些数据,以便能够重新加载 + 追加新用户数据并显示已从本地状态加载的用户,而不是从服务器重新加载它们

具有假设行为的假设查询:

或者也许这是一个不好的方法?

0 投票
1 回答
3742 浏览

graphql - 如何在 Jest 测试中处理 .gql 文件导入

我正在尝试测试一个导入.gql文件的组件。当我尝试在 Jest 文件中构建组件时,我收到此错误:

有谁知道如何忽略导入?因为我不需要测试 GraphQL 调用。