CORS policy issue while reading RSS Feed in React

Question

I am trying to create a react App where I need to parse some RSS news feeds from url "https://news.google.com/news/rss" but I am getting an error "request has been blocked by CORS policy: "No 'Access-Control-Allow-Origin' header is present on the requested resource". I did the similar project in Android app where I fetched some feeds using AsyncTasks in java it didn't showed me any CORS issue, I want to understand why it worked on Android app and not in Web Application? Is it the browser that is enforcing the CORS or is the google server that is enforcing some sort of CORs policy?

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

You can use a plugin google-news-json

Google News JSON API

---

Installation

npm install --save google-news-json

Or

yarn add google-news-json

Usage Usage example:

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

Also supports callback

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

Parameters Method (defaults to TOP_NEWS or HIGHLIGHTS)

Query (this is ignored when method is TOP_NEWS or HIGHLIGHTS)

Locale (defaults to en-GB)

Callback (not required)

Methods

HIGHLIGHTS, TOP_NEWS, LOCATION, SEARCH, TOPIC, GEO

Supported TOPICS

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