如何获取iframe重定向后的URL？跨域访问报错求助

嘿，这个问题我之前也踩过坑！核心原因是浏览器的同源安全策略在阻止你，先给你拆解清楚问题，再给你可行的解决方案：

为什么你之前的方法行不通？ #

1. iframe.src不会更新重定向后的URL：当你设置src为Special:Random时，浏览器会自动处理服务器返回的重定向，但iframe的src属性只会保留你最初设置的那个值，不会同步最终跳转后的地址。
2. 跨域访问被阻止：你尝试用contentWindow.location.href时出现的报错，是因为你的页面（假设是本地文件或其他域名）和维基百科不在同一个域，浏览器为了防止恶意网站窃取数据，严格禁止跨域页面访问iframe的内部内容，这个限制是浏览器层面的，没法直接绕过。

可行的解决方案：用维基百科API提前获取随机文章URL #

既然直接从iframe里拿不到，那我们换个思路：先通过维基百科的公开API获取随机文章的地址，再把这个地址直接设置给iframe，这样你一开始就知道最终的URL了，完全避开跨域问题。

具体步骤和代码示例 #

维基百科的MediaWiki API支持直接获取随机文章信息，你可以调用这个接口：

// 调用维基百科API获取随机文章
fetch('https://en.wikipedia.org/w/api.php?action=query&list=random&rnnamespace=0&rnlimit=1&format=json&origin=*')
  .then(response => response.json())
  .then(data => {
    // 从返回的JSON中提取随机文章的标题
    const randomArticleTitle = data.query.random[0].title;
    // 构造最终的文章URL（注意编码标题，避免特殊字符问题）
    const finalArticleUrl = `https://en.wikipedia.org/wiki/${encodeURIComponent(randomArticleTitle)}`;
    
    // 将URL设置给iframe
    const iframe = document.querySelector('#first-iframe');
    iframe.src = finalArticleUrl;
    
    // 这里直接就能拿到最终的URL了
    console.log('随机文章URL:', finalArticleUrl);
  })
  .catch(error => {
    console.error('获取随机文章失败:', error);
  });

关键说明 #

• 接口参数里的origin=*是必须的，它允许跨域请求维基百科的API（维基百科的API支持CORS跨域访问）。
• rnnamespace=0表示只获取主命名空间的文章（也就是普通的百科文章，排除讨论页、用户页等）。
• 用encodeURIComponent编码文章标题，避免标题里的特殊字符导致URL无效。

为什么不推荐其他“绕过”方法？ #

网上可能会看到一些声称能绕过同源策略的技巧，但大多是利用浏览器漏洞（很快会被修复）或者需要对方网站配合（比如设置document.domain或允许postMessage），维基百科不会开放这类权限，所以这些方法要么无效，要么不安全。

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