HTTPS站点调用Localhost API遇跨域预检请求重复问题求助

方案1：调整唯一ID的携带方式，避开预请求 #

• 把唯一ID从请求头移到URL参数里。OPTIONS预请求只会携带CORS相关的头（比如Origin、Access-Control-Request-Method等），不会自动带上URL参数内容，这样预请求就不会带唯一ID，只有实际GET请求会携带，后端不会误处理预请求的ID。
• 示例：把原来的GET /api/data带X-Request-ID: xxx改成GET /api/data?requestId=xxx。

方案2：后端区分OPTIONS预请求，不处理唯一ID #

• 后端接收到请求时先判断方法：如果是OPTIONS，直接返回符合CORS要求的响应头，不处理唯一ID相关的业务逻辑。
• 示例（Node.js/Express）：

app.options('*', (req, res) => {
  res.setHeader('Access-Control-Allow-Origin', 'https://your-production-site.com');
  res.setHeader('Access-Control-Allow-Headers', 'X-Request-ID'); // 允许自定义头
  res.sendStatus(200);
});

app.get('/api/data', (req, res) => {
  const requestId = req.headers['x-request-id'];
  // 处理业务逻辑，返回对应ID的响应
});

• 这样预请求只会触发OPTIONS接口，不会进入GET的业务处理，自然不会产生重复的ID处理。

方案3：配置CORS，减少预请求触发（符合条件时适用） #

• 如果请求满足简单请求的条件，浏览器不会发送预请求。简单请求要求：
  • 请求方法为GET、HEAD、POST之一
  • 自定义请求头只能是Accept、Accept-Language、Content-Language、Content-Type（且值为application/x-www-form-urlencoded、multipart/form-data、text/plain）
• 要是能把唯一ID改成符合简单请求的方式（比如用URL参数，或者用允许的头），就能从根源避免预请求，解决重复问题。

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