如何进行axios获取服务器端调用然后发送给客户端

Question

在客户端发出此请求时，我遇到了cors问题：

  componentDidMount = () => {
    console.log('app loading...');
    axios.get('some/random/api').then((res) => {
      console.log(res, 'res');
    })
  }

这是我的服务器端代码的一部分：

app.use('/', express.static('public'));

axios.get(url, {
        "headers": {"Authorization": "Bearer "}
      })
      .then(response => {
        console.log(response)
       //I WANT TO SEND THE RESPONSE HERE TO THE REACT CLIENT
      })
      .catch(err => {
        console.log(err)
      })

我该如何在客户端获取这些数据？

谢谢

Answer 1

• 安装cors库： npm install --save cors
• 将其导入到您的快递项目中： const cors = require('cors');

• 在路由定义之前将cors附加到您的express应用： app.use(cors())

   const express = require('express') const cors = require('cors') const app = express() app.use(cors()) app.get('/', function (req, res, next) { res.json({msg: 'This is CORS-enabled for a Single Route'}) }); 

Answer 2

作为快速解决方案，您还可以安装此chrome扩展程序

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

但是，持久的解决方案是使用yarn add cors并将其添加到express js中的根文件中。 正如@Artem Mirchenko所强调的

Answer 3

根据artem的答案，您需要将服务器代码包装在路由中，因此：

app.get('/some/random/api', function (req, res, next) {
  // axios request to other server goes here
  axios.get(...)
    .then( other_server_response => {
      // process other server response if necessary here
      res.json({ returned_data: other_server_response });
    });
});

编辑：现在我看，我不确定这是您想要的。 可能只需要从您的客户处调用其他服务，并包含cors信息。