问题标签 [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.
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 / 任何旧版浏览器上运行?
vue.js - “默认 Apollo 查询”VS “AsyncData”(Nuxt.js)
我正在使用 Nuxt/Vue 构建一个站点,它使用的是 GraphQL 后端 API。我们使用 Nuxt 的 Apollo 模块访问它。
在页面组件中,您可以这样做(我认为这称为智能查询,但我不确定):
但是您也可以使用 Nuxt asyncData 钩子进行这样的查询:
我不确定这两种方式有什么区别,哪种更好。有人知道吗?我在任何地方的文档中都找不到解释。
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/
有什么建议么?谢谢!
vuejs2 - 如果输入变量为空,则阻止 vue-apollo 中的 graphql 查询
我一直在阅读并为联系人输入字段提出了查询设置。我想避免在组件启动时使用空输入运行此查询。我也许可以通过计算方法手动运行查询,但是有没有一种简单的方法可以防止这种情况发生?
我想我不了解预取,或者它是否适用于这里?
vue.js - 如何在外部 oauth2 完成后重新获取 apollo vuejs
我有一个 vuejs/apollo grapqhl 单页应用程序。在某一时刻,可以选择将其连接到另一个服务(在本例中为 vimeo)。流量是
- 单击开始 - 这将转到 graphql 服务器并收集指向 vimeo oauth2 服务器的重定向链接,并附加了一些状态,然后进行重定向
- 同意对话框发生在 vimeo oauth2 服务器上,该服务器重定向到 graphql 服务器上的路由 - 这会使用 vimeo 用户配置文件更新后端数据库,然后返回到它停止的主前端应用程序。
- 此时我需要重新获取在第 2 步更新的数据,但我当然无法检测到何时完成。
关于如何在第 3 步完成时强制前端重新获取的任何建议?
vue.js - 这个 curl 请求的等效 vue-apollo 选项是什么?
我不知道如何在 vue-apollo 中传递这个 curl 请求的 --user 字段
我可以在 vue-apollo 的哪个位置设置 --user ?
我在 vue-apollo 选项对象中尝试过以下
但它不起作用
我期待公司的结果
vue.js - Vue Apollo:如何使用对象作为输入参数来查询 GraphQL?
我想通过 Saleor 电子商务平台提供的 GraphQL API 创建一个结帐对象。
根据 gql 游乐场,有一个突变可以这样做,它需要一个 CheckoutCreateInput 对象作为它的参数。
这是一个在操场上运行良好的示例突变。
这是我尝试过的当前代码(我在 vuex 操作中执行此操作)
这是 CREATE_CART_MUTATION:
在服务器上,这会返回以下错误:
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
. 任何帮助,将不胜感激。
vue.js - 将阿波罗查询结果存储在本地状态?
假设我有一个带有用户 ID 的缩小项目列表。通过单击它们,我想使用 apollo 查询延迟加载数据,展开并显示接收到的数据,例如用户名、地址等。那么我应该如何在本地“缓存”或存储这些数据,以便能够重新加载 + 追加新用户数据并显示已从本地状态加载的用户,而不是从服务器重新加载它们
具有假设行为的假设查询:
或者也许这是一个不好的方法?
graphql - 如何在 Jest 测试中处理 .gql 文件导入
我正在尝试测试一个导入.gql
文件的组件。当我尝试在 Jest 文件中构建组件时,我收到此错误:
有谁知道如何忽略导入?因为我不需要测试 GraphQL 调用。