如何配置angular以远程使用django API？

我正在运行一个web应用程序，前端是angular，后端是django。问题是：这两个框架不是在同一台服务器上运行的。如何配置angular以远程使用API？我已经测试了这些API，它们很好

请从

基本上，您需要创建一个proxy.conf.json文件，并具有如下设置：

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

---

然后，您可以定义后端主机名、端口和可用API以及其他设置。

好的，经过数小时的调试，我终于找到了它。 首先在/src文件夹中创建一个名为proxy.conf.json的文件，并用以下json填充：

   {
      "/api": {
        "target": "http://test.com/",
        "secure": false,
        "changeOrigin": true,
        "logLevel": "info"
      }
    }

这条线至关重要： 来源：对

然后编辑angular.json文件。在projects部分中，找到architect并将此行附加到optionSection:proxyConfig:src/proxy.conf.json。所以它应该是这样的：

    .
    .
    .
      "options": {
                    "browserTarget": "some-name:build",
                    "proxyConfig": "src/proxy.conf.json"
                  },
    .
    .
    .

注1 JSON中不允许使用尾随逗号。 注2 Loglevel提供了更多信息。

---

注3：感谢海峰的指导。

你为什么要这样做？我已经运行了约10个angular/Django项目，从未需要过此功能。这应该不是必需的。如果您在Django中设置了cors，那么您应该能够直接从angular调用主机：端口或域名（如果是Django应用程序）