I have been encountering an issue with utilizing the RSS XML feeds from multiple websites for my Web App. I attempted to incorporate the Axios function as shown below:
axios.get('https://www.15min.lt/rss/sportas')
.then((response) => {
loading = false;
this.dataReceived = response;
console.log(response);
})
.catch((error) => {
loading = false;
this.errorReceived = error;
console.log({ error });
});
Unfortunately, all I received was:
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
I attempted to deploy the entire project to the server as I discovered that this error might arise when using it locally on a personal machine. However, the outcome remained the same, except for the error now displaying my domain name instead of 'null'.
To determine if the issue lies on my end or if the website is blocking connections to the RSS feed, I tested another Web App built on Vue.js. Surprisingly, the web app at successfully worked with my links. This leads me to believe that resolving the problem is possible, but the solution currently eludes me.
My current project utilizes Vue.js, Axios, and jQuery.