相关疑难解决方法(0)

Apollo GraphQL订阅在Vuejs中不起作用

我正在使用带有Prisma和vuejs + apollo客户端的GraphQL订阅

在本地系统中,我在http:// localhost:8080运行vuejs,在http:// localhost:4000运行服务器。

我想在仪表板上显示最近添加和更新的记录。

我已经在本地系统中实现了订阅,并且可以正常工作。

我将所有服务器端和客户端代码推送到服务器,但订阅在那儿无法正常工作。

我正在使用AWS服务器。除订阅外,其他所有内容均正常运行。我设置了websockets,它也可以正常工作。

有时我遇到以下错误:WebSocket与“ wss:// URL:4000 / graphql”的连接失败:WebSocket在建立连接之前已关闭

我在下面遵循文档 https://www.apollographql.com/docs/react/data/subscriptions/

我尝试了不同的方法,但没有成功。连接稳定/断开连接后重新连接。

在服务器端,我添加了用于Web套接字的侦听器,并且该侦听器正在连接。

这是我的vue-apollo.js文件的代码

    import Vue from 'vue';
    import VueApollo from 'vue-apollo';
    import { ApolloClient } from 'apollo-client';
    import { HttpLink } from 'apollo-link-http';
    import { InMemoryCache } from 'apollo-cache-inmemory';

    // imports for subscription
    import { split } from 'apollo-link';
    import { WebSocketLink } from 'apollo-link-ws';
    import { getMainDefinition } from 'apollo-utilities';

    const uriHttp = process.env.VUE_APP_SERVER_URL;
    const uriWs = process.env.VUE_APP_WS_SERVER_URL; …
Run Code Online (Sandbox Code Playgroud)

vue.js graphql apollo-server apollo-client prisma

5
推荐指数
1
解决办法
78
查看次数

标签 统计

apollo-client ×1

apollo-server ×1

graphql ×1

prisma ×1

vue.js ×1