在React中阅读RSS Feed时出现CORS策略问题

Question

我正在尝试创建一个反应应用程序，我需要从 url“https://news.google.com/news/rss”解析一些 RSS 新闻提要，但我收到错误“请求已被 CORS 策略阻止：”请求的资源上不存在'访问控制-允许来源'标头”。我在 Android 应用程序中做了类似的项目，我在 java 中使用 AsyncTasks 获取了一些提要，它没有向我显示任何 CORS 问题，我想了解为什么它适用于 Android 应用程序而不是 Web 应用程序？是浏览器在执行 CORS，还是谷歌服务器在执行某种 COR 策略？

let xmlText;
axios
.get(
  "https://news.google.com/news/rss",
)
.then((response) => {
  xmlText = response;
  return response;
})
.then((textResponse) => {
  console.log("Fetching response as", textResponse);
  xmlText = textResponse;
})
.catch((error) => {
  console.log(error);
});

Answer 1

您可以使用插件google-news-json

谷歌新闻JSON API

安装

npm install --save google-news-json

或者

yarn add google-news-json

用法用法示例：

let googleNewsAPI = require("google-news-json");
let news = await googleNewsAPI.getNews(googleNewsAPI.TOP_NEWS, null, "en-GB");

还支持回调

googleNewsAPI.getNews(googleNewsAPI.SEACRH, "apple", "en-GB", (err,response) => {
console.log(response);
   });

参数方法（默认为TOP_NEWS或HIGHLIGHTS）

查询（当方法为TOP_NEWS或HIGHLIGHTS时，将忽略此项）

区域设置(默认为< code>en-GB)

回调（非必需）

方法

亮点，TOP_NEWS、位置

支持的主题

TOPICS_WORLD、TOPICS_NATION、TOPICS_BUSINESS、TOPICS_TECHNOLOGY、TOPICS_ENTERTAINMENT、TOPICS_SCIENCE、TOPICS_SPORTS TOPICS_HEALTH