使用Fetch跨域请求GitHub Wiki页面遭遇CORS权限错误求助

咱们先搞清楚问题根源：这是浏览器同源策略导致的CORS限制。浏览器不允许从https://localhost:5757这个源直接请求github.com的资源，除非GitHub的服务器通过Access-Control-Allow-Origin响应头明确允许你的本地地址——但显然GitHub不会开放这样的权限给所有本地开发环境，所以得换个思路解决。

给你几个可行的方案：

1. 用后端代理中转请求（推荐生产/开发通用） #

核心思路是让你的前端请求同域的后端接口，再由后端去请求GitHub Wiki页面，最后把内容返回给前端。这样就绕开了浏览器的跨域限制。

举个Node.js Express的简单例子：

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

// 新增一个代理接口
app.get('/proxy-wiki', async (req, res) => {
  try {
    const targetUrl = 'https://github.com/arguiot/KiwiDocs/wiki';
    const response = await fetch(targetUrl);
    const htmlContent = await response.text();
    res.send(htmlContent);
  } catch (error) {
    res.status(500).send('请求Wiki页面失败：' + error.message);
  }
});

// 原来的前端静态资源服务（如果有的话）
app.use(express.static('public'));

app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});

然后把前端的Fetch请求改成调用这个本地代理接口：

fetch('/proxy-wiki')
  .then(data => data.text())
  .then(data => {
    // 处理返回的HTML内容
    console.log(data);
  })
  .catch(err => console.error(err));

2. 用浏览器扩展临时绕过CORS（仅本地测试用） #

如果只是本地开发测试，不想写后端代码，可以用浏览器扩展临时关闭CORS检查，比如「CORS Unblock」这类工具。不过这个方案只适合自己测试用，绝对不能用于生产环境，也没法让你的用户使用。

3. 尝试GitHub官方API（如果需要结构化数据） #

如果你的需求不是直接拿HTML，而是获取Wiki的结构化内容，可以试试GitHub的官方API。比如获取仓库的Wiki页面列表，或者具体页面的原始内容，但要注意：

• 公开仓库的Wiki内容可以无需认证访问，私有仓库需要个人访问令牌
• API返回的是JSON或Markdown格式的内容，不是直接的HTML，需要你自己处理渲染

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