Javascript 在Vue应用程序上显示RSS源或API

我已经试了几个月了

我希望在我的vue.js应用程序上显示以下RSS源：

但是，我如何将下面的所有内容链接在一起并显示这一系列文章呢？我在这里挣扎，任何帮助都将不胜感激

我在Express.js中设置了后端以避免CORS策略：

const express = require('express');
const cors = require('cors');
const bodyParser = require('body-parser');
const morgan = require('morgan');

const app = express();

app.use(morgan('tiny'));
app.use(cors());
app.use(bodyParser.json());

app.get('/', (req, res) => {
    res.json({
        message: 'Test'
    });
});

const port = process.env.PORT || 4000;
app.listen(port, () => {
    console.log(`listening on ${port}`);
});

GoogleAlert组件：

<template>
  </template>

<script>
  export default {

  };
</script>

---

您的后端使用CORS为任何来源提供从中读取数据的权限

您的前端直接从Google请求RSS数据。它不会靠近你的后端

谷歌没有使用CORS来授予你前端读取数据的权限

---

您需要更改前端，以便它向后端请求数据，并且您需要更改后端，以便它向前端提供该数据（这意味着后端将从Google获取数据（并可能保留其本地缓存））。

谢谢。问题是我不知道怎么做。正如@Quentin所建议的，你的节点代码必须向Google发出请求，然后输出结果。您可以以各种方式使用HTTP节点，我建议使用节点获取，但最后，您希望能够点击节点代码的URL并确保它输出RSS。完成后，前端将指向节点服务器的URL。基本上-研究如何在节点中发出HTTP请求，这相当简单，然后基本上就完成了。：）

import axios from 'axios';

const url = 'http://localhost:4000';

export default {
mounted() {
  axios.get('https://www.google.ie/alerts/feeds/10663948362751557705/16000017647453347583')
  .then(function (response) {
    // handle success
  console.log(response);
  })
 .catch(function (error) {
    // handle error
   console.log(error);
 });
}