如何将指定CURL命令转换为可用的JavaScript Fetch代码？

我有一段可在服务器上正常运行的CURL命令：

curl --request GET -L -c --url https://tableau.example.com/trusted/DjabukX7T3u_bTUT0z7NdQ==:rQS3WF-ol-5snlDTOYlQ7pS2/t/site/views/workbook_name/view_name

使用在线CURL转JavaScript Fetch工具得到的代码为：

fetch('https://tableau.example.com/trusted/DjabukX7T3u_bTUT0z7NdQ==:rQS3WF-ol-5snlDTOYlQ7pS2/t/site/views/workbook_name/view_name');

但这段代码运行时报错“Uncaught (in promise) TypeError: Failed to fetch”。我认为问题出在CURL的-L和-c参数对应的Fetch配置上，请问这段CURL命令对应的精准JavaScript Fetch代码是什么？

先明确你用到的curl参数对应的Fetch配置：

• -L：自动跟随重定向，Fetch默认已开启该行为（redirect: "follow"），但跨域场景下需确保服务器允许跨域重定向。
• -c：保存响应返回的Cookie，对应Fetch中要设置credentials选项，确保请求携带并保存Cookie：
  • 同域请求用credentials: 'same-origin'
  • 跨域请求用credentials: 'include'（需服务器配置Access-Control-Allow-Credentials: true）

结合你的场景，精准的Fetch代码如下，同时加上错误处理避免未捕获的Promise错误：

fetch('https://tableau.example.com/trusted/DjabukX7T3u_bTUT0z7NdQ==:rQS3WF-ol-5snlDTOYlQ7pS2/t/site/views/workbook_name/view_name', {
  method: 'GET',
  redirect: 'follow', // 显式指定跟随重定向，对应curl的-L参数
  credentials: 'include' // 对应curl的-c参数，跨域场景用该值；同域可替换为'same-origin'
})
.then(response => {
  if (!response.ok) {
    throw new Error(`HTTP错误！状态码: ${response.status}`);
  }
  return response.text(); // 根据实际需求可换成response.json()等格式解析方法
})
.catch(error => {
  console.error('请求失败:', error);
});

如果仍报错，可从这几方面排查：

• 是否存在跨域问题，确认服务器是否配置了正确的CORS响应头（Access-Control-Allow-Origin、Access-Control-Allow-Credentials）
• 检查请求URL是否和curl命令中的完全一致，是否存在编码问题
• 确认浏览器的Cookie策略是否阻止了Cookie的保存和发送

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