如何解决CORS问题

Question

我建立了一个漫画网站，只是为了练习，我用Angular完成了该项目，当我将其上传到GitHub时，它无法访问API并抛出cors错误。 有没有办法来解决这个问题 ？ 我使用了 Mangadex API，如果你不能使用他们为什么要把他们的 API 公开？

我找不到任何解决方案，有些人说使用代理（我不知道如何），我使用了一些 Chrome 扩展程序用于 cors，但它将所有图像作为其促销图像（在 Mangadex 网站上阅读此漫画）。

Answer 1

第1步：在根目录下创建一个名为proxy.conf.json的文件，该文件将用于在Angular中设置代理，代理文件中的内容例如

{
  "/api": {
    "target": "http://localhost:5200",
    "secure": false
  }
}

这里 '/api' 是指此配置用于所有端点，包括 '/api' （可以设置多个，如 '/user'、'/db' 等）和target 是后端运行的地址，如上所示，它只是一个本地主机，可以是任何其他 IP 地址（例如 AWS ec2 实例 IP）

第2步：更新 angular.json 文件 在 architect =>serve

内添加角度配置

"options": {
            "browserTarget": "sample-project:build",
            "proxyConfig": "proxy.conf.json"
          }

更多信息可以参考官方文档：https://angular.io/guide/build#proxying-to-a-backend-server

P.S：要解决 CORS，有多种方法可以解决它，例如配置要在后端使用的 CORS 策略、更新 https 标头等