注入自定义网络url不工作的中继not

Question

我正在跟踪这个示例应用程序：https://github.com/relayjs/relay-starter-kit

Relay.injectNetworkLayer(
  new Relay.DefaultNetworkLayer('http://localhost:8080/graphql')
);

使用自定义url，我得到以下错误

选项http://localhost:8080/graphql net::ERR_EMPTY_RESPONSEself.fetch @ relay.js:21558Promise app.js:3335self.fetch @ relay.js:21508sendTimedRequest relay.js:20131module.exports @ relay.js:20186tryCallTwo relay.js:3762doResolve @ relay.js:3879Promise relay.js:3782fetchWithRetries @ relay.js:20122_sendQuery Relay.js:13042(匿名函数)@ relay.js:12976sendQueries @ relay.js:12975sendQueries @ relay.js:3502processQueue Relay.js:17591(匿名函数)@ relay.js:17582tryCallOne @ Relay.js:3754(匿名函数)@ relay.js:3820flush @ relay.js:9457 relay.js:21558 OPTIONS http://localhost:8080/graphql net::ERR_EMPTY_RESPONSEself.fetch @ relay.js:21558Promise app.js:3335self.fetch @ relay.js:21508sendTimedRequest relay.js:20131 relay.js:21558 OPTIONS http://localhost:8080/graphql net::ERR_EMPTY_RESPONSEself.fetch @ relay.js:21558Promise app.js:3335self.fetch @ relay.js:21508sendTimedRequest relay.js:20131 relay.js:7449网络请求failed_markAsRejected @ relay.js:7449_handleSubtractedQueryFailure @ relay.js:7430tryCallOne Relay.js:3754(匿名函数)@ relay.js:3820flush @ relay.js:9457

Answer 1

我猜您的应用程序运行在3000端口上。如果尝试将client=>server请求发送到不同的域/端口组合，而不启用服务器端的此类跨源请求，则浏览器将使用其默认的CORS策略阻止请求。

您可以在服务器端启用来自所有来源的请求，如下所示：

import cors from 'cors';

var graphQLServer = express();
graphQLServer.use(cors());
/* ... */

查看cors文档以获得更细粒度的控件。

确保在服务器代码所在的地方使用npm install --save cors。