启用CORS来源GraphQL

要启用CORS来源GraphQL，你需要在服务器端进行相应的配置。下面是一个使用Express.js作为服务器的示例代码：

const express = require('express');
const { graphqlHTTP } = require('express-graphql');
const { buildSchema } = require('graphql');

// 定义GraphQL Schema
const schema = buildSchema(`
  type Query {
    hello: String
  }
`);

// 定义GraphQL解析器
const root = {
  hello: () => 'Hello, World!'
};

// 创建Express实例
const app = express();

// 启用CORS
app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
  if (req.method === 'OPTIONS') {
    return res.sendStatus(200);
  }
  next();
});

// 配置GraphQL路由
app.use('/graphql', graphqlHTTP({
  schema: schema,
  rootValue: root,
  graphiql: true
}));

// 启动服务器
app.listen(4000, () => {
  console.log('GraphQL server running at http://localhost:4000/graphql');
});

在上面的代码中，我们使用app.use方法定义了一个中间件，用于设置CORS相关的响应头。这里通过设置Access-Control-Allow-Origin为*，允许来自任意源的请求访问GraphQL接口。你也可以将*替换为具体的允许访问的源地址。同时，我们设置了允许的请求方法和请求头。对于OPTIONS请求，我们返回了200状态码以响应预检请求。

注意，上述示例中使用的是Express.js作为服务器框架，如果你使用其他框架，请根据框架的文档进行相应的配置。