javascript - 在 Angular 中调用远程 URL 时 CORS 策略错误

Question

尝试调用远程 API Url，但出现 Access-Control-Allow-Origin 错误。我尝试了很多事情，比如以下，但没有任何效果。

proxy.conf.js

const PROXY_CONFIG = [
  {
    context: [
      "/api/planets"
    ],
    target: "https://swapi.co",
    secure: false,
    changeOrigin: true,
    logLevel: "debug",
    bypass: function (req, res, proxyOptions) {
      req.headers["Access-Control-Allow-Origin"] = "*";
      req.headers["X-Forwarded-Host"] = "localhost:8090";
      req.headers["X-Forwarded-For"] = "localhost";
      req.headers["X-Forwarded-Port"] = "8090";
      req.headers["X-Forwarded-Proto"] = "http";
    }
  }
];

module.exports = PROXY_CONFIG;

运行 ng serve --port 8090 --proxy-config proxy.conf.js

无法在服务器端进行任何更改，因为我使用的是第三方 API。

Answer 1

尝试添加类似 https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en 的插件在你的 chrome 浏览器中。

因为你不能改变服务器端的配置，所以这个插件可以做到这一点。浏览器默认阻止 CORS