Svelte应用中PHP跨域请求的解决方案：CORS配置指南

<script>
  let content = "等待数据...";

  /**
   * 使用XMLHttpRequest发送GET请求到PHP文件。
   */
  function httpGet() {
    const xmlhttp = new XMLHttpRequest();
    // 目标PHP文件的URL，包含查询参数
    const url = "https://www.kayasuleyman.co.uk/form.php?email=example";

    xmlhttp.open("GET", url, true); // true表示异步请求
    // 通常GET请求不需要设置Content-Type，除非有特殊需求
    // xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlhttp.send();

    xmlhttp.onreadystatechange = function() {
      if (this.readyState === 4) { // readyState 4 表示请求已完成
        if (this.status === 200) { // status 200 表示请求成功
          content = this.responseText; // 更新Svelte组件的状态
        } else {
          content = `请求失败: 状态码 ${this.status}`;
          console.error("XMLHttpRequest请求失败:", this.status, this.responseText);
        }
      }
    };
  }
</script>

<div id="demo">
  <button on:click={httpGet}>获取数据</button>
  <p>输出: {content}</p>
</div>

<script>
  let content = "等待数据...";

  /**
   * 使用Fetch API发送GET请求到PHP文件。
   */
  async function fetchData() {
    const url = "https://www.kayasuleyman.co.uk/form.php?email=example";
    try {
      const response = await fetch(url);
      if (!response.ok) {
        throw new Error(`HTTP错误! 状态码: ${response.status}`);
      }
      content = await response.text(); // 获取文本响应
    } catch (error) {
      content = `请求失败: ${error.message}`;
      console.error("Fetch请求失败:", error);
    }
  }
</script>

<div id="demo">
  <button on:click={fetchData}>获取数据 (Fetch)</button>
  <p>输出: {content}</p>
</div>

<?php
// 1. 允许所有来源访问。在生产环境中，建议替换为具体的域名。
header('Access-Control-Allow-Origin: *');

// 2. 允许的HTTP请求方法。根据您的API支持的方法进行调整。
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');

// 3. 允许的自定义请求头。X-Requested-With是常见的AJAX请求头。
header("Access-Control-Allow-Headers: X-Requested-With, Content-Type, Accept");

// 对于预检请求（OPTIONS），直接返回200 OK，并结束脚本
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    http_response_code(200);
    exit();
}

// 以下是您的PHP业务逻辑
if (isset($_GET['email'])) {
    echo htmlspecialchars($_GET['email']); // 示例：输出email参数
} else {
    echo "No email parameter provided.";
}

// 确保在设置CORS头之后没有意外的输出，例如BOM字符或HTML
?>