必须手动修改Apache配置文件并重启服务：在httpd-vhosts.conf的<VirtualHost>块中添加Header set Cross-Origin-Opener-Policy "same-origin"，确保mod_headers已启用，保存后重启Apache，再通过curl或DevTools验证响应头是否生效。
XAMPP 本身不直接支持 COOP（Cross-Origin-Opener-Policy）头的图形化配置，必须手动修改 Apache 配置文件并重启服务；多端口监听则需显式声明 Listen 指令，且不能与已占用端口冲突。
如何在 XAMPP 的 Apache 中启用 COOP 头
COOP 是一个响应头，不是 Apache 内置功能，需通过 Header set 指令注入。它必须写在虚拟主机或全局配置中，且依赖 mod_headers 模块（XAMPP 默认已启用）。
- 打开
C:\xampp\apache\conf\extra\httpd-vhosts.conf（推荐）或C:\xampp\apache\conf\httpd.conf - 在对应
<VirtualHost>块内添加：Header set Cross-Origin-Opener-Policy "same-origin"
- 若需配合
COEP（Cross-Origin-Embedder-Policy），可一并添加：Header set Cross-Origin-Embedder-Policy "require-corp"
- 保存后运行
xampp-control.exe→ 重启 Apache；用curl -I http://localhost或浏览器 DevTools 的 Network → Response Headers 验证是否生效
为 Apache 配置多个监听端口（如 8080、8081）
Apache 默认只监听 80 端口。添加额外端口需两步：声明监听 + 确保虚拟主机绑定正确。注意 Windows 下 1024 以下端口需管理员权限，建议用 8080 起。
XAMPP 8.0.30 是一款免费、开源的跨平台 Web 服务器集成包，专为快速搭建本地 PHP 开发环境而设计。该版本核心组件包括：Apache 2.4.56、MySQL 8.0.33、PHP 8.0.30、phpMyAdmin 5.2.1 等。它支持 Windows、Linux 和 macOS 系统，可让开发者在个人电脑上轻松模拟服务器环境，无需复杂配置即可运行 WordPress、Thin
- 编辑
C:\xampp\apache\conf\httpd.conf，找到Listen 80行，在其下方新增：Listen 8080<br>Listen 8081
- 在
httpd-vhosts.conf中为每个端口定义独立<VirtualHost>，例如：<VirtualHost *:8080><br> DocumentRoot "C:/xampp/htdocs/project-a"<br> ServerName localhost<br></VirtualHost>
- 确保每个
<VirtualHost>的端口号与Listen行一致，否则启动失败或请求被拒绝 - 重启 Apache 后，可通过
http://localhost:8080和http://localhost:8081分别访问不同站点
COOP 配合多端口时的常见错误
当用不同端口（如 http://localhost:8080 和 http://localhost:8081）模拟跨源场景时，COOP 的行为容易被误判 —— 因为端口不同即视为跨源，但 COOP 仅控制 window.opener 访问权限，不解决 CORS。
- 错误现象：
Failed to execute 'postMessage' on 'Window': The target origin provided ('http://localhost:8081') does not match the current origin ('http://localhost:8080')—— 这是postMessage的源校验，和 COOP 无关 - COOP 仅影响
window.open()打开的窗口能否通过opener反向读取父页面 DOM；若设为same-origin，http://localhost:8080打开http://localhost:8081后，后者无法访问前者的window.opener.document - 若需双向通信，必须配合
postMessage+ 显式校验event.origin，不能依赖 COOP 放开访问 - 不要把
COOP: unsafe-none当作跨域调试手段 —— 它已被 Chrome 标记为废弃，现代版本会忽略该值
COOP 不是 CORS 替代品，也不影响 AJAX 请求；它只约束窗口间引用关系。多端口下真正要小心的是：你改了端口却忘了同步更新前端代码里的 API 地址或 window.open() URL，导致 404 或静默失败 —— 这类问题比 COOP 配置错误更常发生。
