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

Question

我已经尝试了几个月了。

我希望在我的 vue.js 应用程序上显示以下 RSS 提要：https://www.google.ie/alerts/feeds/10663948362751557705/4511034072220974544。

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

我已经设置了一个后端来避免 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>

PostArticles.js：

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);
 });
}

Answer 1

您的后端使用 CORS 允许任何来源从中读取数据。

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

Google 没有使用 CORS 来授予您的前端读取其数据的权限。

您需要更改您的前端，以便它向您的后端询问数据，并且您需要更改您的后端，以便它为前端提供该数据（这意味着让后端从 Google 获取数据（并且可能保留一个本地它的缓存））。