问题标签 [vue-apollo]

我正在使用 GraphQL 实现 MEVN 堆栈。我在 IE11 上显示我的 Vue 应用程序时遇到问题，但后来我添加了 babel-polyfill，它提供了对 vuetify 和 vue 模板的支持。现在 vue 应用程序加载了 vue 模板，但我遇到了 vue-apollo 的问题。

我尝试过使用 es6-promise 和 isomorphic-unfetch 但我仍然面临 vue-apollo 错误

https://i.imgur.com/Ye7R7Qc.jpg “vue-apollo 错误”

还请检查我的配置文件是否正确

babel.config.js

main.js

vue.config.js

appoloConfig.js

我是 vue 世界的新手，我正在尝试使我的 vue 应用程序也可以在 IE 中运行，非常感谢任何帮助:)

我想在一个网络请求中有多个查询。我已将所有查询都放在 vue Apollo 中，但是当数据恢复时出现此错误（我将在网络选项卡中获取数据，但我无法访问它！）

代码：

我从 graphql 模式中查询某种类型，对于特定字段，我想用枚举描述而不是枚举值来获取它。

我想获得带有枚举描述的“Gigi.a”字段。例如：

有谁知道这是否可能？

在 Nuxt.js 中，我正在尝试使用基于vue-apollo的 nuxt apollo-module进行这样的查询

查询已发送，但变量$id未渲染发送（在请愿书中，我可以看到- 而query($id: String!)不是query('my-page-route': String!)- 并且where: { url_contains:$id }实际上 - 而不是where: { url_contains:'my-page-route' }

该查询出奇地有效，因为它响应了 db 中的所有项目——所以它不应用where: { url_contains:$id }

我试过了，query($id: String)但这并没有改变任何东西。关于可能出错的任何提示？

提前致谢！

创建我的基本组件时，我在 store 之前调度 store 但 apollo 查询 init 查询并且我得到不正确的查询。

我的商店代码：

我的 apollo 客户端在主要组件中提供。

BaseLayout 组件：

我试图在创建之前在主 vue 组件中调度商店，但它没有帮助。

我希望通过某些特定角色获取数据，但由于${this.$store.state.account.role}在查询字符串中返回 null 而出现错误。

我正在使用 vue-apollo 并使用 apollo.config.js 文件对其进行配置，如下所述：https : //vue-apollo.netlify.com/guide/installation.html#ide-integration（我使用 VSCode）。

现在我需要配置InMemoryCache为不添加typeName（addTypename: false），如下所述：https ://www.apollographql.com/docs/react/advanced/caching/#configuration

我如何在 apollo.config.js 中做到这一点？这甚至可能吗？我是否需要在没有此配置文件的情况下手动配置它？

我已经在 vue 中集成了 apollo-graphql（没有 nuxt）并且它有效。

但现在我正在尝试从 Nuxt 开始。在文件夹插件中，我包含了一个带有 apollo 初始化的 js 文件。

然后在一个 vue 文件中，我使用以下命令导入文件：（import '~/plugins/apollo-client'我从这里得到了这个想法：Apollo、GraphQL、Vue 和 Nuxt shenanigans）

我遇到了很多错误，比如无法使用 localStorage。为此，我安装了一个名为 npm i nuxt-storage 的包。

但随后在 split 命令处：

我收到此错误：Cannot read property 'request' of null

恐怕在解决这个问题后我会遇到更多错误。

我究竟做错了什么？

我应该将 main.js 中的代码放在哪里？

谢谢。

有没有办法在运行中全局捕获和修改响应？我可以为下面的一个查询执行此操作，但我想为所有查询执行此操作。

这个问题被简化了，但在幕后我想对所有对象应用一个构造函数（类）......

我正在使用 nuxt-apollo。我在 clientConfig 或其他地方搜索了一种方法，因此该解决方案可能与 apollo 相关...

谢谢你的建议！

编辑：好的，我发现使用 apollo-link 可以做到这一点，但我无法修改响应。这里的代码：

我可以foo: bar在 newResponse 中看到，但是 nuxt-apollo 返回的 graphql 不包含这个 newResponse，只有原始的。ApolloLink 是否覆盖响应？阿波罗缓存会改变这一点吗？

编辑 2：我尝试链接链接，并且构造函数中间件的 newResponse 在下一个链接中很好。所以问题似乎来自 nuxt-apollo，或者更多 vue-apollo ......

我偶尔会收到以下错误：

vue.runtime.esm.js?2b0e:619 [Vue 警告]：渲染错误：“TypeError：无法读取未定义的属性‘books’”

在发现

---> 在 src/views/Home.vue 在 src/App.vue 警告 @ vue.runtime.esm.js?2b0e:619 logError @ vue.runtime.esm.js?2b0e:1884 globalHandleError @ vue.runtime。 esm.js?2b0e:1879 handleError@vue.runtime.esm.js?2b0e:1839 Vue._render@vue.runtime.esm.js?2b0e:3544 updateComponent@vue.runtime.esm.js?2b0e:4060 获取@ vue.runtime.esm.js?2b0e:4473 run@vue.runtime.esm.js?2b0e:4548 flushSchedulerQueue@vue.runtime.esm.js?2b0e:4304（匿名）@vue.runtime.esm.js?2b0e :1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 Promise.then (async) ...

在使用 Vue Apollo 的应用程序中。

包含错误的视图是 Home.vue，如下所示：

因此，如果您从默认（即“全部”）开始并单击“精选”，那么它将显示精选书籍。如果在单击“精选”后，您尝试单击任何其他类别，则视图不会更新，但可以在 Vue 开发工具中看到数据。控制台窗口中没有错误。

刷新并从默认开始，然后单击任何类别，将过滤并显示该类别中的书籍。但是，如果您单击一个类别，然后尝试单击“精选”，您将收到错误消息和永久的“正在加载...”消息。

这就是我尝试多种方式时得到的行为。

我试过删除“精选”部分，我试过改变逻辑，都无济于事。查询似乎不是问题。

我也在 Laracasts 上问过这个问题，但还没有收到回复，所以我想我会在这里发帖。

GitHub链接：

前端：https ://github.com/matthew-spire/booksql-vue 后端：https ://github.com/matthew-spire/booksql-laravel

我正在使用 Nuxt 和Nuxt-Apollo创建我的 Vue 应用程序。我的nuxt.config.js文件中有以下阿波罗配置：

我怎样才能指向stage或prod配置。每次我运行应用程序时，它都指向default配置。必须有一个地方我可以设置它。