IFTTT Webhook跨域问题：POST请求报Access-Control-Allow-Origin缺失错误

这个错误是典型的**CORS（跨源资源共享）**限制问题，我来给你拆解原因和解决办法：

为什么会出现这个错误？ #

浏览器有个叫「同源策略」的安全机制，它会阻止前端JavaScript代码直接从和当前页面域名（也就是你的{mysite}）不同的服务器请求资源。IFTTT的Webhook服务没有在响应头里添加Access-Control-Allow-Origin来允许你的网站域名访问，所以浏览器直接拦截了这个请求，就出现了你看到的错误。

另外还要提一下你代码里的一个小细节：IFTTT Webhook接收的参数规范是value1、value2、value3，不是你写的value——这个问题即使解决了CORS，也可能导致IFTTT无法正确识别你传的ID。

具体解决方案 #

最稳妥的办法是通过后端代理转发请求，因为后端服务器不受浏览器同源策略的限制，同时还能保护你的IFTTT key不被暴露在前端代码里（直接在前端写key会有安全风险，任何人都能盗用）。

1. 后端写一个转发接口 #

举个Node.js/Express的例子，你可以在自己的服务器上部署这个接口：

const express = require('express');
const fetch = require('node-fetch');
const app = express();

// 解析JSON请求体
app.use(express.json());

// 转发到IFTTT的接口
app.post('/trigger-delete-row', async (req, res) => {
  const rowId = req.body.id;
  const iftttKey = '你的IFTTT key'; // 这里写真实的key，不要暴露给前端
  const iftttUrl = `https://maker.ifttt.com/trigger/delete_row/with/key/${iftttKey}`;

  try {
    const response = await fetch(iftttUrl, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ value1: rowId }) // 用IFTTT要求的value1参数
    });

    if (response.ok) {
      res.sendStatus(200);
    } else {
      res.status(response.status).send('IFTTT请求失败');
    }
  } catch (error) {
    res.status(500).send('服务器内部错误：' + error.message);
  }
});

app.listen(3000, () => console.log('代理服务器运行在3000端口'));

如果你用PHP，也可以写一个简单的接口：

<?php
header('Content-Type: application/json');
$rowId = $_POST['id'];
$iftttKey = '你的IFTTT key';
$iftttUrl = "https://maker.ifttt.com/trigger/delete_row/with/key/{$iftttKey}";

$ch = curl_init($iftttUrl);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode(['value1' => $rowId]));
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

http_response_code($httpCode);
echo $response;
?>

2. 修改前端代码调用自己的后端接口 #

把原来的前端代码改成调用你自己服务器的接口，这样就不会有跨域问题了：

function deleteRow(ID){
  $.ajax({
    type: 'POST',
    url: '/trigger-delete-row', // 你的后端接口地址
    data: JSON.stringify({ id: ID }),
    contentType: "application/json",
    dataType: 'json'
  });
}

额外注意事项 #

• 绝对不要在前端代码里直接写IFTTT的key，不然任何人都能拿到这个key去触发你的IFTTT事件，造成不必要的麻烦。
• 确认你在IFTTT里已经创建了名为delete_row的触发事件，并且对应的动作配置正确。

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