前端如何解决站点地图爬取工具的CORS策略阻止问题？无需云函数

没办法纯前端解决这个问题，原因如下：

• 这是浏览器同源策略的强制限制：你的前端应用部署在https://app.mywebsite.com，请求的站点地图属于https://www.userswebsite.com，两个域名不同源。只有当目标站点的服务器返回Access-Control-Allow-Origin头，明确允许你的域名访问时，浏览器才会放行响应。现在目标站点没有设置这个头，浏览器直接拦截请求，这是前端代码无法绕过的安全机制。

• 常见的前端“绕过”尝试都无效：

  • 设置fetch或XMLHttpRequest的mode: no-cors：这种模式下浏览器不会报错，但你完全无法读取响应内容，对爬取站点地图的工具来说毫无意义。
  • 使用iframe或其他嵌入方式：跨域情况下，前端脚本无法获取iframe内的XML内容，同样满足不了需求。

结合你提供的Firebase Hosting配置，若不想编写云函数，也没有纯前端的解决方案。唯一可行的办法是通过代理服务器转发请求：让你的Firebase服务作为代理，先请求目标站点的地图，再把内容返回给前端。你可以通过Firebase Hosting的重写规则配合简单的云函数实现转发，这是最贴合你现有部署环境的方案。

错误信息：
"Access to XMLHttpRequest at 'https://www.userswebsite.com/page-sitemap.xml' from origin 'https://app.mywebsite.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

Firebase.json配置：

{
"hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

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