Tag: react apollo

上传图像到GraphQL服务器

我正在使用react-dropzone和graphql-server-express-upload在GraphQL Apollo中上传图像。 在我的客户端文件看起来像这样: 但在服务器上,当我login时,看起来像这样: { preview: 'blob:http://localhost:3000/c622b0bd-3f0d-4f52-91f4-7676c8534c59' } 我正在按照graphql-server-express-upload的自述文件中的说明进行操作,但目前为止还没有成功。 如何获得完整的图像?

主机:localhost。 不在证书的altnames中

服务器端渲染时出现错误。 RENDERING ERROR: { [Error: Network error: request to https://api-dev.xyz.io/graphql failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: localhost. is not in the cert's altnames: DNS:*.xyz.io"] graphQLErrors: null, networkError: { [FetchError: request to https://api-dev.xyz.io/graphql failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: localhost. is not in the cert's altnames: DNS:*.xyz.io"] name: 'FetchError', message: 'request to […]

GraphQL:react-apollo客户端覆盖数组元素

我有一个返回一个项目数组的GraphQL查询。 我可以在GraphiQL中运行查询并获得我期望的结果。 我有一个反应的应用程序,使用react-apollo和@graphql装饰器来解决相同的查询组件道具。 当通过react-apollo运行查询时,返回数组中的每个项目都是相同的 – 每个项目都被最后一个项目“覆盖”。 我可以在开发工具networking选项卡中看到正确的数组项目是通过networking发送的,所以这个问题似乎与react-apollo有关。 什么可能导致反应apollo覆盖数组元素?

请求开发模式localhost中的Next.js应用程序在不同端口上运行的Graphql API

我目前切换现有的应用程序从创build反应应用程序到next.js,似乎一切正常工作,除了我的API端口运行在另一个节点应用程序在端口4000,我无法从我的next.js应用程序。 我跟着回购的例子,但我不能使它的工作,在生产中我使用nginx作为反向代理没有问题,但我在开发模式。 为了设置与Redux的阿波罗我跟着这个例子: with-apollo-and-redux和代理我用这个例子与自定义反向代理 我知道,我做错了,我现在还搞不清楚 在initApollo.js中 … function create() { return new ApolloClient({ ssrMode: !process.browser, networkInterface: createNetworkInterface({ uri: "/api" }) }); } … 在server.js中 … const devProxy = { "/api/": { target: "http://localhost:4000/api/", changeOrigin: true } }; app .prepare() .then(() => { const server = express(); if (dev && devProxy) { const proxyMiddleware = require('http-proxy-middleware') […]

如何避免客户端在rea-apollo SSR中重新获取?

我是新的graphql与react-appollo我想用reax apollo与redux也服务器端呈现每一件事情都很好我的应用程序正在工作,但问题是当我的应用程序渲染它实际上是再次调用API它不使用我呈现状态 服务器.js import express from 'express'; import bodyParser from 'body-parser'; import path from 'path'; import expressGraphQL from 'express-graphql'; import schema from './GraphQL/Schema'; import React from 'react'; import ReactDOMServer from 'react-dom/server' import { StaticRouter } from 'react-router'; import { ApolloClient, createNetworkInterface, ApolloProvider } from 'react-apollo'; import { getDataFromTree } from "react-apollo" import store from '../client/Redux/Store/store'; […]