使用 Java Script fetch 命令从 google chrome 控制台请求新闻 API

Question

代码 ：

async function getNews() {

    const response = await fetch('http://newsapi.org/v2/top-headlines?country=in&pageSize=1&apiKey=a876816f98574cdfa23ffdc7d531c7bc');

    const jsonResp = await response.json();

    return jsonResp;

}

n = await getNews();

Google Chrome 控制台中显示的错误：

CORS 策略已阻止从来源 'chrome-search://local-ntp' 访问 'http://newsapi.org/v2/top-headlines?country=in&pageSize=1&apiKey=a876816f98574cdfa23ffdc7d531c7bc' -Control-Allow-Origin' 标头存在于请求的资源上。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

GET http://newsapi.org/v2/top-headlines country=in&pageSize=1&apiKey=a876816f98574cdfa23ffdc7d531c7bc net::ERR_FAILED getNews @ VM88:2 (匿名) @ VM94:1

未捕获的类型错误：无法获取

链接到错误图像

Answer 1

CORS 通常通过在服务器端设置响应标头来修复，如下所示 res.header("Access-Control-Allow-Origin", "*");  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");但暂时你可以使用 chrome CORS 插件从其他主机获取数据

Answer 2

尝试使用https://newsapi.org而不是http://newsapi.org作为端点。