我正在尝试通过React应用程序中的Redux动作和reducers进行api调用。

但是，我的浏览器出现了这个CORS问题。

我想知道我是否可以从客户端解决此问题，因为我内部没有对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

        }

      }

    });

  }

}

这是server.js的代码：

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

});

如果您需要其他信息或有疑问，请在下面对其进行评论。

谢谢。