使用JSFiddle测试fetch API-CORS错误[重复]

Question

我正在使用JSFiddle对fetch API进行一些测试，但我每次都会收到CORS源块。

有没有办法绕过它？我正在获取的服务器localhost，我应该做些什么来接受JSFiddle的请求，还是有更简单的方法来完成它，而不需要接触我的服务器配置？

以下是一个示例：

async function getText(url) {
  try{
    var response = await fetch(url);
    var txt = await response.text();
    return txt;
  }
  catch(e){
    console.log('there was an error');
    console.log(e); 
  }
}

alert(getText('https://www.vim.org/git.php'));

Answer 1

是的，有一种方法-您需要在SERVER上允许CORS

另一种方法：如果您不能在第三方服务器上允许CORS，您可以编写自己的CORS-ON-SERVER（代理），它将连接第三方服务器并从中发送/接收数据。

第三种方法：您可以像这样使用一些现有的cors代理服务器，例如使用它-更改行：

alert(getText('https://www.vim.org/git.php'));

到

async function run() {
  let result = await getText('https://cors-anywhere.herokuapp.com/https://www.vim.org/git.php');
  alert(result);
}

run();

async function getText(url) {
  try{
    var response = await fetch(url);
    var txt = await response.text();
    return txt;
  }
  catch(e){
    console.log('there was an error');
    console.log(e); 
  }
}

async function run() {
  let result = await getText('https://cors-anywhere.herokuapp.com/https://www.vim.org/git.php');
  document.body.innerHTML=result;
  //  alert(result);
}

run();

wait...