能调用但大概率失败，因同源策略限制及PHP需Web服务器解析；正确做法是将HTML和PHP同置于Apache/Nginx等支持PHP的服务器下，通过http://localhost访问，并确保PHP输出合法JSON、设置CORS头和Content-Type。
index.html 能不能直接用 fetch 调用 PHP 接口？
能调用，但大概率会失败——不是代码写错了，而是浏览器同源策略在拦你。index.html 如果是双击打开（file:// 协议），或者部署在非 PHP 服务的静态服务器（比如 Vite、Python 的 http.server）上，发起的 fetch('/api/data.php') 请求会被直接拒绝，控制台报错：net::ERR_FAILED 或 CORS error。
根本原因：PHP 文件必须由支持 PHP 的 Web 服务器（如 Apache、Nginx + PHP-FPM）解析执行，而纯前端环境无法运行 PHP。所以“调用 PHP 接口”本质是让浏览器向一个正在运行 PHP 的后端地址发 HTTP 请求。
- ✅ 正确路径：把
index.html和data.php一起放到本地 Apache 的htdocs/目录下，用http://localhost/index.html访问 - ❌ 错误路径：双击打开
index.html，或用 VS Code Live Server 插件启动——它不跑 PHP，data.php会被当成纯文本下载或 404 - ⚠️ 注意：即使服务起来了，如果 PHP 文件没输出合法 JSON 或没设响应头，
fetch解析也会报错
fetch 调用 PHP 时常见的 3 个硬伤
就算走对了服务器路径，fetch 还常因 PHP 端配置不当挂掉。重点盯这三处：
-
data.php必须输出纯 JSON，且开头不能有空格、BOM、echo前的空白行，否则JSON.parse失败。推荐用json_encode()+header('Content-Type: application/json') - 如果 PHP 和 HTML 不在同一个域名+端口（比如前端跑
localhost:5173，PHP 在localhost:80），必须在 PHP 文件里加跨域头：header('Access-Control-Allow-Origin: *')（开发可临时这么写，上线要限制域名） - POST 请求传参容易漏掉
Content-Type。PHP 默认不自动解析application/json的 body，得手动读：$raw = file_get_contents('php://input'); $data = json_decode($raw, true);
示例 data.php 安全写法：
立即学习“PHP免费学习笔记（深入）”；
<?php
header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');
$data = ['message' => 'hello from php'];
echo json_encode($data);
?>
为什么不用 <script src="api.php"></script>？
有人试过把 PHP 当 JS 引入，比如 <script src="get_user.php"></script>，指望它输出 var user = {...};。这方法在 2010 年还能凑合，现在问题一堆：
- PHP 输出必须严格符合 JS 语法，少个引号或分号就整个页面 JS 报错
- 无法处理 HTTP 错误码（比如 PHP 报 500，HTML 里 script 标签完全感知不到）
- 不支持 POST、带 header、超时控制等 fetch 原生能力
- 现代构建工具（Vite、Webpack）会警告甚至拦截这种非标准资源加载
除非你明确在做 JSONP（且后端配合 callback=xxx 参数），否则别走这条路。
本地开发时最省事的 PHP 启动方式
不想装 Apache/Nginx？PHP 自带的内置服务器够用（PHP ≥ 5.4）：
- 终端进入项目根目录（含
index.html和api/文件夹），执行：php -S localhost:8000 -t . router.php - 新建
router.php，内容只做一件事：把所有非 PHP/静态资源请求都转给index.html，避免路由 404：
<?php
if (preg_match('/\.(?:png|jpg|jpeg|gif|ico|css|js|woff2|ttf)$/', $_SERVER["REQUEST_URI"])) {
return false;
} else {
include __DIR__ . '/index.html';
}
这样 http://localhost:8000/api/user.php 就能正常执行，http://localhost:8000/ 也能访问到 index.html —— 所有路径都在同一服务下，CORS 自然消失。
真正卡住人的往往不是语法，而是没意识到：HTML 调 PHP 不是“引用文件”，而是“发起一次网络请求”，中间隔着协议、服务、头信息三层墙。漏掉任何一层，控制台里那个红色的 Failed to fetch 就不会消失。
