子域名的 CORS 失败

当子域名的 CORS (跨域资源共享) 失败时，可以尝试以下解决方法：

1. 设置正确的响应头： 在服务器端设置正确的响应头可以解决子域名的 CORS 问题。在响应头中包含 Access-Control-Allow-Origin，Access-Control-Allow-Methods，Access-Control-Allow-Headers 等字段，以允许特定的跨域请求。

   例如，在 Node.js 中使用 Express 框架，可以添加以下代码来设置响应头：

   const express = require('express');
   const app = express();
   
   app.use((req, res, next) => {
     res.header('Access-Control-Allow-Origin', 'http://subdomain.example.com');
     res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
     res.header('Access-Control-Allow-Headers', 'Content-Type');
     next();
   });
   
   // 其他路由和处理逻辑
   

2. 使用代理服务器： 如果无法在子域名服务器中更改响应头，可以考虑使用代理服务器。在代理服务器中，可以设置响应头来解决子域名的 CORS 问题，并将请求转发到子域名服务器。

   例如，在 Node.js 中使用 http-proxy-middleware 模块创建代理服务器的示例代码如下：

   const express = require('express');
   const { createProxyMiddleware } = require('http-proxy-middleware');
   
   const app = express();
   
   app.use('/api', createProxyMiddleware({
     target: 'http://subdomain.example.com',
     changeOrigin: true,
     onProxyRes: function(proxyRes, req, res) {
       proxyRes.headers['Access-Control-Allow-Origin'] = 'http://your-domain.com';
       proxyRes.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, DELETE';
       proxyRes.headers['Access-Control-Allow-Headers'] = 'Content-Type';
     }
   }));
   
   // 其他路由和处理逻辑
   

   上述代码中，target 参数指定了子域名服务器的地址，changeOrigin 参数允许更改源，onProxyRes 参数用于在代理响应中设置正确的响应头。

3. 使用 JSONP： 如果子域名服务器无法更改响应头并且不支持代理服务器，可以考虑使用 JSONP (JSON with Padding) 技术。JSONP 通过在请求中添加一个回调函数名参数，并将响应包装在该函数中返回，从而实现跨域请求。

   例如，在前端使用 JavaScript 发送 JSONP 请求的示例代码如下：

   function handleResponse(response) {
     // 处理响应数据
   }
   
   const script = document.createElement('script');
   script.src = 'http://subdomain.example.com/api?callback=handleResponse';
   document.head.appendChild(script);
   

   上述代码中，通过在请求 URL 中添加 callback=handleResponse 参数，将回调函数名传递给子域名服务器。服务器返回的响应将被包装在该回调函数中并作为 JavaScript 代码执行，从而实现跨域请求。

请注意，以上解决方法仅提供了一些常用的解决思路，具体应根据实际情况选择合适的方法来解决子域名的 CORS 问题。