使用 Javascript 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 控制台中显示的错误：

访问获取 'http://newsapi.org/v2/top-headlines?country=in&pageSize=1&apiKey=a876816f98574cdfa23ffdc7d531c7bc' 来自原点 'chrome-search://local-ntp' 已被 CORS 阻止 政策：没有“Access-Control-Allow-Origin”标头出现在 请求的资源。如果不透明的响应满足您的需求，请将 请求模式为“no-cors”以获取禁用 CORS 的资源。

获取http://newsapi.org/v2/top-headlines 国家/地区=in&pageSize=1&apiKey=a876816f98574cdfa23ffdc7d531c7bc net::ERR_FAILED getNews @ VM88:2（匿名）@ VM94:1

未捕获的类型错误：获取失败

link to error image

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 作为端点。