使用JavaScript的fetch()无法获取RDF文件，求解决方案

我之前也碰到过类似的情况，结合你的描述，大概率是这几个原因之一，咱们一步步排查：

1. 先排查跨域（CORS）限制 #

虽然直接在浏览器地址栏输入URL能下载，但前端脚本发起的fetch请求受同源策略限制。如果你的页面域名和regmurcia.com不一样，浏览器会拦截跨域响应，这时候控制台通常会弹出类似「No 'Access-Control-Allow-Origin' header is present on the requested resource」的报错。

如果是这个问题，解决思路：

• 用后端代理：自己搭个简单的后端服务（比如Node.js、Python），让后端去请求RDF文件，前端再从自己的后端拿数据，绕开跨域限制。
• 若有权限，让目标服务器配置CORS头：添加Access-Control-Allow-Origin: *（或指定你的域名）到响应头里。

2. 请求头不匹配，服务器拒绝返回内容 #

有些服务器会校验请求的User-Agent或Accept头，判断是不是浏览器发起的请求。fetch默认的请求头比较「朴素」，比如User-Agent可能是Fetch/xxx，服务器可能识别为非浏览器请求，直接返回空。

你可以模拟浏览器的请求头试试，代码示例：

fetch('http://www.regmurcia.com/eventos.rdf', {
  headers: {
    'Accept': 'application/rdf+xml, text/xml, */*',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36'
  }
})
.then(res => {
  // 先确认响应状态是否正常
  if (!res.ok) throw new Error(`状态码异常：${res.status}`);
  return res.text();
})
.then(data => console.log(data))
.catch(err => console.error('请求出错：', err));

3. 编码解析错误导致内容显示为空 #

RDF文件常用ISO-8859-1（西欧编码），而fetch默认用UTF-8解析响应。如果文件编码和解析编码不匹配，会导致字符解码失败，看起来就是空字符串。

你可以指定编码来读取，比如用TextDecoder处理二进制数据：

fetch('http://www.regmurcia.com/eventos.rdf')
.then(res => res.arrayBuffer())
.then(buffer => {
  const decoder = new TextDecoder('ISO-8859-1');
  const rdfContent = decoder.decode(buffer);
  console.log(rdfContent);
})
.catch(err => console.error('解析出错：', err));

排查小技巧 #

先在fetch的第一个then里打印响应的状态码和头信息，看看服务器返回的内容类型和编码：

fetch('http://www.regmurcia.com/eventos.rdf')
.then(res => {
  console.log('状态码：', res.status);
  console.log('响应头：', res.headers);
  return res.text();
})
.then(data => console.log(data));

如果Content-Type里显示charset=ISO-8859-1，那就是编码问题无疑了。

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