如何用https://newsapi.org/[duplicate]解决CORS问题

Question

我想知道是否可以从客户端解决这个问题，因为我在内部没有任何访问API的权限。

有人能帮我解决这个问题吗？

以下是newsactions.js的代码：

import * as types from './actionTypes';

const API_KEY = "<Redacted>";

export const getNewsApi = () => {
  debugger;
  return (dispatch, getState) => {
    dispatch({
      type: 'API_REQUEST',
      options: {
        method: 'GET',
        service: 'news',
        mode: 'cors',
	    headers:{
	        'Access-Control-Allow-Origin':'*'
	    },
        endpoint: `https://newsapi.org/v2/top-headlines?country=us&category=business&apiKey=${API_KEY}`,
        actionTypes: {
          success: types.GET_NEWS_API_SUCCESS,
          error: types.GET_NEWS_API_ERROR
        }
      }
    });
  }
}

var express = require('express');
var app = express();

var cors = require('cors');

let __homeglobals = [];

app.use(cors());
app.set("jsonp callback", true);


var server = app.listen(8082, function () {
   var host = server.address().address;
   var port = server.address().port;
   
   console.log("Example app listening at http://%s:%s", host, port);
});

如果您需要更多的信息或有问题，请在下面评论。

谢谢你。

Answer 1

您可以通过从您的原点（web服务器）代理到API服务器来解决跨原点问题。

更改客户机代码中的调用，以便将请求发送到/api/whather（故意缺少方案、主机和端口，因此使用为页面服务的端口）。从客户端的角度来看，这不再是对不同主机的请求。

我想在您分派的操作中，这对应于更改endpoint属性：

endpoint: `/api/top-headlines?country=us&category=business&apiKey=${API_KEY}`

var proxy = require('http-proxy-middleware');

app.use('/api', proxy({target: 'https://newsapi.org/v2'}));