1回答
??， 我看过很多关于如何在apollo中使用headers和上下文选项的文章，但我不知道如何在vue-apollo中使用它，github中关于这些(https://github.com/vuejs/vue-apollo/issues/713)配置vue-apollo.js的其他问题已经存在，但我想使用headers进行个人查询，这些可能吗？ 我对vue-apollo的查询： apollo:{
getPipedrivePersons: {
query: gql`query{
getPipedri
浏览 24提问于2020-07-28得票数 0
回答已采纳
当使用apollo作为后端GraphQL服务器时，在vue-apollo客户端之上使用AppSync客户端有什么优势？我可以在不使用AppSync客户端的情况下使用vue-apollo与我的GraphQl服务器进行交互吗？
浏览 21提问于2020-01-29得票数 0
我不知道如何在vue-apollo中传递这个curl请求的--user字段 curl -v \
--user 'user@domain.com:password' \
-X POST \
-H "Content-Type: application/json" \
--data '{ "query": "{ companies{ uid name url }}" }' \
http://localhost:4000/graphql 我可以在vue-apollo的什么地方设置--user？ 我在v
浏览 14提问于2019-05-21得票数 0
apollo-link-state和vuex，当我使用vue-apollo时，我应该使用哪一个来进行状态管理
浏览 4提问于2018-09-08得票数 3
如何配置vue-apollo与@vue/apollo-composable相结合，以完善@vue/composition-api或Vue3.0？ 因为虽然我通过使用@nuxtjs/apollo获得了默认的apolloClient import { DefaultApolloClient } from "@vue/apollo-composable";
const myPlugin: Plugin = (context, inject) => {
const defaultClient = ctx.app.apolloProvider.defaultClient;
浏览 24提问于2019-12-17得票数 1
回答已采纳
当视图更改时，vue-apollo是否会自动取消订阅查询？
例如，我有两个路由到/users和/orders的视图。/users订阅了users表，/orders订阅了orders表。
浏览 12提问于2020-02-17得票数 8
回答已采纳
2回答
我有一个名为GraphQL的myAccounts查询，它返回一个帐户数组。当我到游乐场并调用查询时：
{
accounts {
email
}
}
我得到了这个结果：
"data": {
"accounts": [
{
"email": "zach@email-one.com",
},
{
"email": "zach@email-two.com",
浏览 3提问于2019-12-03得票数 1
回答已采纳
2回答
我正在学习这个教程，我遇到了一些问题。当我导入阿波罗和阿波罗时，boost控制台就充满了错误。
import ApolloClient from "apollo-boost"; //import apollo-boost
import VueApollo from "vue-apollo"; // import vue-apollo
Vue.use(VueApollo); // use apollo
// Setup ApolloClient
const defaultClient = new ApolloClient({
uri: "htt
浏览 0提问于2018-09-22得票数 1
回答已采纳
1回答
我正在对AWSAppSyncClient使用vue-apollo。我遵循了Vue - https://github.com/awslabs/aws-mobile-appsync-sdk-js的文档。我的要求是用户应该能够订阅appsync。这是main.js代码。 import './bootstrap';
import router from './routes';
import store from './store';
import App from './components/templates/App';
import
浏览 15提问于2019-01-07得票数 0
回答已采纳
1回答
我正在使用vue-apollo，并且已经使用如下所述的apollo.config.js文件对其进行了配置： (我使用VSCode)。
现在，我需要将InMemoryCache配置为不添加typeName (addTypename: false)，如下所述：
我如何在apollo.config.js中做到这一点？这在那里是可能的吗？我是否需要在没有此配置文件的情况下手动配置它？
浏览 18提问于2019-08-16得票数 0
回答已采纳
2回答
模拟GraphQL查询的响应
、、、、
我正在开发一个客户端应用程序，使用Vue.js、jest进行测试，并使用Vue-apollo请求外部graphql端点。
我的疑问是，我如何在我的测试或应用程序中模拟此服务器请求？
最好的方法是什么，在测试中模拟还是在应用程序中使用假数据？
谢谢。
浏览 1提问于2018-01-09得票数 3
1回答
我正在尝试实现一个类似于Google的帐户切换器：
我想知道他们是如何实现它的；是不是都在客户端，使用cookie/本地存储？
我有一个Nuxt应用程序，正在使用Nuxt身份验证包。我想知道实现这个多帐户切换器的最好方法是什么。
我也在使用vue-apollo，并假设我会在每次切换后使用this.$apollo.getClient().clearStore()。
浏览 1提问于2019-10-07得票数 1
1回答
是否可以将垃圾收集cache.gc()与vue-apollo结合使用？
是否有任何方法来清除所有存储缓存数据？
例如，是否有可能在生命周期内运行它？
<script>
import { apolloClient } from "@/main";
export default {
mounted() {
this.$apollo.cache.gc();
// or may be this.$apollo.queries.birds.cache.gc();
// or this.$store.cache.gc();
},
};
</s
浏览 3提问于2020-08-08得票数 3
我刚刚意识到并注意到我的vue应用程序在一些较旧的浏览器(例如iOS9)上不能很好地工作。我使用django graphene从graphql api获取数据时使用了vue-apollo，但是当我调试它时，它不会在第一次加载时被调用。 以前我得到类似"fetch is not fix“这样的错误，但后来我已经通过在ApolloClient配置中添加"unfetch”来修复它。但是我仍然不能在xhr网络上看到api被调用。我还没有尝试过使用同构抓取 下面是我的apollo客户端配置代码： // src/utils/graphql.js
import { ApolloClient
浏览 14提问于2019-04-23得票数 0
2回答
如何上传图片到strapi？
、、、、
如何将图像上传到Strapi服务器？
我使用GraphQL插件。
我更喜欢所有API的单一端点。
我需要将图像转换成Base64字符串吗？
我的生产服务器将是PostgreSQL。我本来打算把照片存储成布洛布的。但现在我只能将表单数据发送到Strapi服务器。
我需要像 这样的东西吗？
备注：目前我使用vue-和nativescript-vue作为前端。
import VueApollo from "vue-apollo";
import { ApolloClient, InMemoryCache, HttpLink } from "apollo-bo
浏览 11提问于2020-05-11得票数 0
回答已采纳
最近几周，我们成功地对Vue应用程序进行了更新，在昨天进行了一些非常小的更改(属性名称更改和删除一些纯语义字符)之后，我们遇到了以下错误：
Uncaught TypeError: Object(...) is not a function
at Module.fae3 (XCustomerServiceOptionsLibrary.umd.js:53612)
at n (XCustomerServiceOptionsLibrary.umd.js:30)
at 0012 (XCustomerServiceOptionsLibrary.umd.js:94)
at X
浏览 6提问于2020-08-11得票数 7
我正在使用Vue-Apollo的Vue.js，并尝试使用query获取共享成员列表。我在后台使用的是graphQL服务。
我正在使用阿波罗的' error‘函数来处理GraphQL错误。当请求包含无效输入时，我可以在network选项卡中看到错误，还可以看到自定义错误消息的JSON。但是我不能控制'error‘函数中的错误。
下面是用于获取共享成员列表的apollo查询-
apollo: {
sharedMembers: {
query: gql`
query item($uuid: ID) {
item(uuid: $u
浏览 38提问于2019-07-08得票数 6
回答已采纳
我是测试和GraphQL的新手。我正在尝试使用vue- test -utils和jest测试我的使用GraphQL的VueJS应用程序。我有一个组件，它从挂载的钩子中的graphql服务器获取类别。 mounted() {
this.$apollo
.query({
query: getCategories
})
.then(res => {
this.categoriesData[0].options = res.data.categories;
});
} 在我的StepTwo.spec.js中，我将Vue-apollo添
浏览 27提问于2019-06-10得票数 0
回答已采纳
我有一个应用程序，用户可以注册一个事件。一旦用户注册，他就可以访问他以前不能访问的路线。
我使用graphql来处理我的api请求。我的路由守卫中的代码如下所示：
router.beforeEach(async (to, from, next) => {
if (to.meta.signUpRequired && from.name) {
const { data: { getCurrentUser } }
= await apolloProvider.defaultClient.query({
query: USER_INFO_QU
浏览 0提问于2018-06-29得票数 5
我正在尝试使用Vue test Library和Apollo设置一个组件测试，如their example中所述。 import { ApolloClient, InMemoryCache } from '@apollo/client'
import { render } from '@testing-library/vue'
import VueApollo from 'vue-apollo'
const apolloClient = new ApolloClient({
uri: 'http://localhost:4001/
浏览 47提问于2021-10-25得票数 1
回答已采纳
当我尝试进行一个Vue-Apollo/GraphQL突变查询时，我得到了一个错误"Vue warn: error in v-on handler："TypeError: Cannot read property 'mutate‘of undefined“。 ...mapMutations(['signIn']),
handleSignUp() {
signUp({
apollo: this.$apollo,
...this.form,
}).then(response =>
浏览 180提问于2020-06-29得票数 1
td;dr如何在已经使用TypeScript的项目中包括vue-阿波罗？
我使用vue cli@3并使用TS创建了一个新的vue项目。
然后我添加了vue-apollo插件，它修改了我的main.ts文件以添加
apolloProvider: createProvider(),
在vue实例创建中。
但编译器对此抱怨不已。
参数类型'{路由器: VueRouter；存储: Store<{}>；apolloProvider：{ provide：() => {}；}；呈现：(h: CreateElement) => VNode；}‘不能分配给'Compon
浏览 0提问于2018-11-16得票数 6
2回答
我正在尝试在quasar中安装vue apollo作为引导
引导文件：src/boot/vue-apollo.js
import VueApollo from 'vue-apollo'
import ApolloClient from 'apollo-boost'
const apolloClient = new ApolloClient({
uri: process.env.GRQPHQL_API
})
const apolloProvider = new VueApollo({
defaultClient: apolloClient
})
ex
浏览 1提问于2019-11-05得票数 0
我使用vue-apollo + vue-property-decorator。我可以像这样很好地运行查询：
get apollo () {
return {
rc_tags: {
query: gql`{ <body of query> }`
}
}
}
但是如果我尝试使用组件的属性进行查询，例如从文件
MYQUERY = gql`{ <body of query> }`
get apollo () {
return {
rc_tags: {
query: M
浏览 15提问于2020-03-07得票数 0
1回答
我刚开始使用vue-apollo，我想知道如何优化一些apollo查询的使用。我有一些组件正在使用完全相同的apollo查询。 查询本身可以在单独的文件中，因为它只是一个常量： export const accountByPath = gql`
query accountByPath($path: String!) {
account: accountByPath(path: $path) {
id
name
}
}`
; 它可以很容易地在我的组件中使用： <script>
e
浏览 18提问于2019-10-15得票数 0
我正在尝试将graphql集成到我的vue项目中。我遵循以下说明：
我已经根据需要安装了npm 'apollo-client‘，但是由于某些原因我不能导入'createBatchingNetworkInterface’。
这是我的main.js文件：
import Vue from 'vue'
import { ApolloClient, createBatchingNetworkInterface } from 'apollo-client'
import VueApollo from 'vue-apollo'
import A
浏览 2提问于2017-11-04得票数 1
3回答
我正在使用GraphQL和graphql-tag构建一个vue-apollo查询。
如果我硬编码我想要的ID，它就能工作，但是我想将当前的路由ID作为变量传递给Vue阿波罗。
确实工作(硬编码ID)：
apollo: {
Property: {
query: PropertyQuery,
loadingKey: 'loading',
variables: {
id: 'my-long-id-example'
}
}
}
但是，我不能这样做：
不工作(尝试访问这个ID的.$路由
浏览 5提问于2017-07-14得票数 11
回答已采纳
1回答
我最近切换到类星体v2，我有困难，我需要的信息，我需要的vue阿波罗设置。我正在使用尝试使用引导文件将vue阿波罗安装到框架中。
这是我的引导/apollo.ts文件
import { boot } from 'quasar/wrappers';
import ApolloClient from 'apollo-boost';
import VueApollo from 'vue-apollo';
const apollo = new ApolloClient({
uri: 'https://api.graphcms.com/sim
浏览 1提问于2021-07-14得票数 1
回答已采纳
1回答
我尝试使用apollo (+ vue，django)，但由于某种原因，它不会在组件中加载/使用，this.$apollo始终是undefined。
<script>
import { GET_ALL_USERS_QUERY } from '../js/graphql/queries/userQueries.js'
export default {
name: 'GraphQLTest',
data() {
return {
users: [],
loading: true
}
},
async
浏览 3提问于2020-01-21得票数 3
如何使apollo可在vue组件外部访问。 我正在验证用户是否存在，然后允许路由继续进行。 {
path: '/:username',
name: 'userProfilePage',
component: userProfilePage,
beforeEnter(routeTo, routeFrom, next) {
userExist(routeTo.params.username)
next()
} 将username作为参数传
浏览 12提问于2019-02-25得票数 7
回答已采纳
在我的main.js中，我有一些检查是否存在localStorage项的代码。如果有，它将通过中间件将Authorization头添加到ApolloClient设置中。
但是，如果稍后添加了localStorage项，则它不在main.js的中间件中。因此，需要进行完整的页面刷新，以便获取/了解它的存在。
如何从方法(例如，登录用户的组件)再次运行main.js (如果这甚至是解决方案)？
这是我的main.js
import Vue from 'vue'
import ApolloClient, { createNetworkInterface } from 'apo
浏览 1提问于2017-08-02得票数 3
回答已采纳
使用VueCli 3“从框中”，我发现我的代码不能在iPad 2 (iOS 9.3)上工作，而使用iOS 9.3模拟器我得到了下一个错误：
( 1)“在严格模式下意外使用保留词'let‘”。为了测试目的，我发现了哪个外部组件产生了这个错误并暂时删除了它，但是我得到了另一个错误.
2)“找不到变量:获取”。我发现fetch是由阿波罗链接使用的。
似乎，由于某些原因，我的项目无法转移，但是看起来我尝试了所有提到的。
我试图做些什么，以某种方式传播这个项目：
1)将iOS >= 9.3添加到.browserlistrc ->中，无变化；
2)将import '@babel
浏览 0提问于2018-12-09得票数 0
回答已采纳
1回答
我在前端使用Vue和vue-apollo，在后端使用graphql独立的Apollo Server2和mongodb。我有一个简单的博客应用程序，其中的帖子也有一个图像。一切正常，除了上传图片。我希望将图像上传到我的本地文件系统中的后端文件夹中，并且只需要保存在mongodb文档中的图像的路径。
突变：
async createPost(parent, args, context, info) {
//...
const {stream, filename} = await args.img
const img_path = await u
浏览 3提问于2018-11-29得票数 5
1回答
我正在尝试使用复合API将Vue阿波罗集成到一个Vite项目中。我的main.js文件如下所示：
import { createApp } from 'vue'
import App from './App.vue'
import * as apolloProvider from '../apollo.provider'
import router from './router'
const app = createApp(App)
app
.use(router)
.use(apolloProvider.provider)
浏览 6提问于2022-05-14得票数 0
回答已采纳
我有一个(使用nuxt的) vue-apollo查询，它应该有一个本地客户端域显示。但是，当我在查询中包含show @client行时，组件不会呈现。出于某种原因，它似乎也悄悄地失败了。 query myAccounts {
accounts: myAccounts {
email
calendars {
id
name
hex_color
is_enabled
show @client
}
}
} 我在一个extensions.js文件(粘贴如下)中扩展了Calendar类型，其中包含两个变化。 i
浏览 18提问于2019-09-04得票数 3
回答已采纳
我正在尝试编写一个Vue插件，它是一个简单的抽象来管理我的应用程序中的身份验证状态。这将需要访问其他Vue插件，即vuex，vue-router和vue-apollo (目前)。
我尝试扩展Vue.prototype，但当我尝试访问插件的属性时，我通常会这样做-例如。this.$apollo -我得到了对象的作用域，因此出现了undefined错误。我还尝试添加vm = this并使用vm.$apollo，但这只是将作用域进一步移出，而不是移到Vue对象-我猜这是因为还没有Vue对象的实例？
export const VueAuth = {
install (Vue, _opts) {
浏览 2提问于2019-04-27得票数 5
我不确定Chrome中发生了什么变化，但是Graphiql GUI工具没有加载。
在Firefox和Safari中，它运行得很好。我禁用了所有Chrome扩展，重启了Chrome，也重启了我的Mac。错误仍然存在。我该如何调试它？
在graphql-workspace.min.js中，以下位置出现错误：
this.state.config.state.proxy || this.state.config.state.headers.forEach(function(e) {
错误：
graphiql-workspace.min.js:1 Uncaught TypeError: Can
浏览 54提问于2020-06-05得票数 0
回答已采纳
1回答
我正在通过实现vue-apollo模块在nuxt中使用@nuxtjs/apollo进行实验。我在localhost:4000上运行了一个正在工作的localhost:4000服务器。我编写了以下代码：
<template>
<div>
<p v-for = "item in stuff" :key="item.id">item.name</p>
</div>
</template>
<script>
import stuff from '~/apol
浏览 1提问于2018-05-14得票数 2
回答已采纳
1回答
我是VueJS的新手，我一直在尝试用vuejs来设置graphql，但是我似乎无法正确地理解它。有趣的是，除了Vue警告之外，我的控制台上没有错误:插件要么是函数，要么是带有"install“函数的对象。错误。
只有当我将vueapollo实例化到use方法时，才会出现这种情况。
这是我的main.js文件
import { createApp } from 'vue';
import ElementUI from 'element-plus';
import ApolloClient from 'apollo-client';
imp
浏览 5提问于2020-10-07得票数 5
1回答
如何更新apolloProvider的标头？
请查看本地文本-vue app repo：
我无法正确解释，所以请查看应用程序。我不知道如何更新appolloClient头.
App回购有自己的评论和指令。这是很容易安装和看到你自己。
现行的守则结构：
Post请求提交用于身份验证的用户标识符和密码凭据，在登录页面中获取令牌。
阿波罗需要将jwt令牌放置到授权头中。
Main.js:如果有JWT和头，启动阿波罗客户端
- Goto login if there is no JWT
- Goto birds list if there is JWT
登录:从服务器获取jwt并
浏览 1提问于2020-03-29得票数 5
回答已采纳
我现在正致力于将Vue-阿波罗整合到一个Laravel项目中。我能让Vue站起来，跑得很好。现在我正在尝试整合阿波罗，但它不起作用。我觉得我错过了一些很简单的东西，但找不到它。下面是我的App组件：
<template>
<div>
<slot></slot>
</div>
</template>
<script>
export default {
name: 'app',
}
</script>
我的刀片模板：
@e
浏览 0提问于2018-12-07得票数 1
回答已采纳
1回答
我在插件目录中创建了一个文件，如下所示：
import Vue from "vue";
import Vuetify from "vuetify/lib/framework";
Vue.use(Vuetify);
export default new Vuetify({
theme: {
themes: {
light: {
primary: "#081d4d", // $blue
secondary: "#00c8b7", // $jade
//anch
浏览 0提问于2021-06-18得票数 0
回答已采纳
1回答
如何正确地获取数据？
、、、、
在使用vue-从这个端点接收电影数据时，我遇到了很多问题。
端点：
我就是这样配置它的(用于设计B.T.W样式的Vuetify)：
main.js
import Vue from 'vue'
import App from './App.vue'
// Plugins
import './plugins/vuetify'
import VueApollo from 'vue-apollo'
import ApolloClient from 'apollo-boost'
const apolloClient =
浏览 0提问于2019-04-07得票数 1
回答已采纳
我是新来的，刚刚用Graphql试用了Vue.js。经过一些学习，我使用vue ui(vue cli 3)构建了一个项目，并为客户机和服务器添加了vue-cli-plugin-阿波罗，因此我当前的项目结构如下：
项目文件夹
─┬── apollo-server (server folder)
├── node_modules
├── public
├─┬ src (client folder)
│ └┬─ assets
│ ├─ components
│ ├─ graphql
│ ├─ views
│ ├─ App.vue
│ ├─ main.js
│ ├─ r
浏览 0提问于2018-12-15得票数 2
1回答
我正在使用Prisma和vuejs +阿波罗客户端的GraphQL订阅
在本地系统中，我在上运行vuejs，在上运行服务器。
我想在仪表板中显示最近添加和更新的记录。
我已经在我的本地系统中实现了订阅，它工作正常。
我将所有服务器端和客户端代码都推送到服务器，但订阅在那里不起作用。
我正在使用AWS服务器。除了订阅之外，一切都运行正常。我设置了websockets，它也能正常工作。
有时我会得到以下错误:到'wss://URL:4000/graphql‘的WebSocket连接失败:在建立连接之前WebSocket已关闭
我正在关注下面的文档
我尝试了一种不同的方法，但没有成功。连接稳
浏览 0提问于2019-11-01得票数 5
我正在尝试设置前端的graphQl文件上传与阿波罗-boost- upload。后端代码基于此链接。在server.js文件中添加以下行后，它现在到达解析器断点
const { apolloUploadExpress } = require("apollo-upload-server");
app.use(apolloUploadExpress({ maxFileSize: 1000000000, maxFiles: 10 }));
并且在修改上载类型的架构之后
scalar Upload
下面是Vue组件
<input
type="file
浏览 10提问于2021-11-17得票数 0
2回答
在Vuepress博客站点中，我在我的博客贴子中插入了一个组件，该组件从数据库获取信息以填充其数据。
我有一个GraphQL服务器来提供数据，所以我尝试使用来获取组件中的数据。
我试图在enhanceApp.js文件中添加vue-阿波罗，如下所示：
// enhanceApp.js
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inm
浏览 1提问于2019-03-12得票数 2
我使用vue-cli-service serve编译scss并打包输出。
这是我在vue.config.js中的webpack配置
configureWebpack: {
entry: {
main: [`${process.cwd()}/src/main.js`],
app: [`${process.cwd()}/src/vue.js`]
},
plugins: [
new BundleTracker({ path: "../static/dist", filename: 'webpack-stats.j
浏览 4提问于2021-06-25得票数 2
回答已采纳
我正试着用ApolloClient和vue-apollo做一个突变的optimisticResponse。 变化本身运行良好-服务器得到更新，当我刷新页面时，插入已经成功出现。但是，一旦update()函数第二次运行，写入查询的optimisticResponse就会变得“未定义”，并得到来自服务器的“真实”响应。 我的变异代码如下所示： this.$apollo.mutate({
mutation: UPSERT_ITEMS,
variables: {
todoInput: [todoInput]
},
update: (store, result) =>
浏览 21提问于2020-03-20得票数 2
回答已采纳
我在一个曾经有效的nuxt.js项目上遇到了这个奇怪的错误，问题是在一个新的npm install && npm run dev之后，我得到了：
SyntaxError: Unexpected token )
at Function (<anonymous>)
at /home/user/Documents/project/frontend/src/node_modules/lodash/lodash.js:14866:16
引用的行是这样的：
14865: var result = attempt(function() {
14866: ret
浏览 1提问于2019-04-02得票数 0
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
