使用 fetch API 的 API 调用被 CORS 策略问题阻止

如何解决使用 fetch API 的 API 调用被 CORS 策略问题阻止

我正在尝试使用存储在远程服务器中的本地 PC 上的 API，但 CORS 一直阻止调用。但是当我在邮递员上测试这些调用时，它们会通过并且我收到数据。我如何Error image解决这个 CORS 问题？我附上了问题的屏幕截图，并在使用 API 时使用了 javascript 技术堆栈。

解决方法

运行代理服务器以发出 API 请求并设置此自定义标头 Access-Control-Allow-Origin。

const express = require('express');
const request = require('request');

const app = express();

app.use((req,res,next) => {
  res.header('Access-Control-Allow-Origin','*');
  next();
});

app.get('/api/random',(req,res) => {
  request(
    { url: 'http://YOUR API HERE' },(error,response,body) => {
      if (error || response.statusCode !== 200) {
        return res.status(500).json({ type: 'error',message: err.message });
      }

      res.json(JSON.parse(body));
    }
  )
});

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