如何让Graphql在CORS中运行

要让GraphQL在CORS中运行，可以采取以下步骤：

1. 理解CORS：CORS（跨源资源共享）是一种机制，用于控制在不同域之间进行跨域请求的权限。在默认情况下，浏览器会阻止跨域请求，因此需要进行一些配置来允许GraphQL请求。
2. 后端配置：在后端服务器上，需要进行一些配置来允许跨域请求。具体的配置方法取决于所使用的后端框架或服务器。以下是一些常见的配置示例：

• Express.js框架：const express = require('express'); const cors = require('cors'); const app = express();

app.use(cors());

• Django框架：# settings.py CORS_ORIGIN_ALLOW_ALL = True
• ASP.NET框架：// Startup.cs public void ConfigureServices(IServiceCollection services) { services.AddCors(options => { options.AddPolicy("AllowAllOrigins", builder => { builder.AllowAnyOrigin(); }); }); }

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

{

app.UseCors("AllowAllOrigins");

}

1. 前端配置：在前端应用中，需要确保GraphQL请求的头部包含正确的CORS信息。以下是一个使用Fetch API进行GraphQL请求的示例：

fetch('https://api.example.com/graphql', {

method: 'POST',

headers: {

'Content-Type': 'application/json',

'Origin': 'https://www.example.com' // 设置请求的来源域

},

body: JSON.stringify({ query: '...' })

})

.then(response => response.json())

.then(data => console.log(data))

.catch(error => console.error(error));

1. 配置GraphQL服务器：如果你使用的是GraphQL服务器，例如Apollo Server，还需要在服务器端进行一些配置来处理CORS。以下是一个使用Apollo Server的示例：

const { ApolloServer } = require('apollo-server-express');

const express = require('express');

const cors = require('cors');

const app = express();

app.use(cors());

const server = new ApolloServer({ / 配置项 / });

server.applyMiddleware({ app });

app.listen({ port: 4000 }, () =>

console.log(`Server ready at http://localhost:4000${server.graphqlPath}`)

);