禁用CORS后无法获取数据，违反CSP，寻求无需启用CORS的解决办法

你的核心问题是当前页面的内容安全策略(CSP) 限制了对目标GraphQL接口的请求，而非单纯的CORS配置问题——之前启用CORS时可能工具同时绕过了CSP检查，禁用后CSP的限制就显现了。以下是无需依赖CORS启用的解决办法：

1. 调整页面的CSP规则 #

如果你能控制前端页面的CSP配置，需要将目标域名添加到connect-src指令中：

• 通过HTTP头设置：

  Content-Security-Policy: connect-src 'self' https://ms-gateway-f4b4o225iq-ue.a.run.app;
  

• 通过HTML meta标签设置：

  <meta http-equiv="Content-Security-Policy" content="connect-src 'self' https://ms-gateway-f4b4o225iq-ue.a.run.app;">
  

添加后页面就能合法向该接口发起请求，无需依赖CORS配置。

2. 搭建后端代理转发请求 #

在你自己的后端服务中设置代理，让前端请求同域的代理接口，再由后端转发到目标GraphQL地址。这种方式完全不依赖目标服务的CORS配置：

• Node.js（Express）示例代码：

  const express = require('express');
  const { createProxyMiddleware } = require('http-proxy-middleware');
  const app = express();
  
  // 代理接口，前端请求 /graphql-proxy 即可
  app.use('/graphql-proxy', createProxyMiddleware({
    target: 'https://ms-gateway-f4b4o225iq-ue.a.run.app',
    changeOrigin: true,
    pathRewrite: { '^/graphql-proxy': '/graphql' }
  }));
  
  app.listen(3000);
  

前端将请求地址改为/graphql-proxy，因和代理同域，不会触发跨域限制。

3. 尝试GET请求适配JSONP（备选） #

如果目标GraphQL接口支持GET请求，可以尝试用JSONP方式发起请求，但GraphQL通常以POST为主，这个方案适用性有限，仅作为应急备选。

内容的提问来源于stack exchange，提问作者Kiran Vinay