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

Question

我正在运行一个Web应用程序，前端使用Angular，后端使用django。事实是：这两个框架不在同一服务器上运行。如何配置angular以与API远程配合？ （我已经测试过API，它们也很好）

Answer 1

从Proxying to a backend server

检查项目的设置代理

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

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

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

Answer 2

好的，经过数小时的调试，我终于找到了它。

// Minesweeper - Space Efficient Version #include <stdio.h> int main() { int n, m, i = 0, j = 0; char c; scanf("%d %d", &n, &m); //printf("n=%d m=%d\n",n,m); int field[3][m]; for (i = 0; i < 3; i++) { for (j = 0; j < m; j++) { field[i][j] = 0; } } printf("buffer array:\n"); for (i = 0; i < 3; i++) { for (j = 0; j < m; j++) { strong textprintf("%d", field[i][j]); } printf("\n"); } for (int i = 0; i < n; i++) { for (int j = 0; j < m; j++) { printf("%d %d\n", i, j); c = getchar(); //scanf("%c",&c); if (c != '*') continue; else { if (i == 0) { if (j == 0) { field[(i + 1) % 3][j]++; field[i % 3][j + 1]++; field[(i + 1) % 3][j + 1]++; } else if (j == n - 1) { field[i % 3][j - 1]++; field[(i + 1) % 3][j - 1]++; field[(i + 1) % 3][j]++; } else { field[i % 3][j - 1]++; field[i % 3][j + 1]++; field[(i + 1) % 3][j - 1]++; field[(i + 1) % 3][j]++; field[(i + 1) % 3][j + 1]++; } } else if (j == 0) { if (i == n - 1) { field[(i - 1) % 3][j]++; field[(i - 1) % 3][j + 1]++; field[i % 3][j + 1]++; } else { field[(i - 1) % 3][j]++; field[(i - 1) % 3][j + 1]++; field[i % 3][j + 1]++; field[(i + 1) % 3][j]++; field[(i + 1) % 3][j + 1]++; } } else if (i == n - 1) { if (j == n - 1) { field[(i - 1) % 3][j - 1]++; field[(i - 1) % 3][j]++; field[i % 3][j - 1]++; } else { field[(i - 1) % 3][j - 1]++; field[(i - 1) % 3][j]++; field[(i - 1) % 3][j + 1]++; field[i % 3][j - 1]++; field[i % 3][j + 1]++; } } else if (j == n - 1) { field[(i - 1) % 3][j - 1]++; field[(i - 1) % 3][j]++; field[i % 3][j - 1]++; field[(i + 1) % 3][j - 1]++; field[(i + 1) % 3][j]++; } else { field[(i - 1) % 3][j - 1]++; field[(i - 1) % 3][j]++; field[(i - 1) % 3][j + 1]++; field[i % 3][j - 1]++; field[i % 3][j + 1]++; field[(i + 1) % 3][j - 1]++; field[(i + 1) % 3][j]++; field[(i + 1) % 3][j + 1]++; } field[i % 3][j] = 9; } getchar(); } getchar(); if (i > 1) { printf("line# %d\n", i % 3); for (j = 0; j < n; j++) { if (field[(i - 1) % 3][j] > 8) printf("*"); else { printf("%d", field[(i - 1) % 3][j]); } field[(i - 1) % 3][j] = 0; } printf("\n"); } } return 0; }

在FIRST文件夹中创建一个名为proxy.conf.json的文件，并使用以下json进行填充：

/src

此行必不可少： { "/api": { "target": "http://test.com/", "secure": false, "changeOrigin": true, "logLevel": "info" } }

"changeOrigin": true,

编辑angular.json文件。在THEN部分中，找到projects并将此行附加到architect节：
options。
所以它应该像这样：

"proxyConfig":"src/proxy.conf.json"

. . . "options": { "browserTarget": "some-name:build", "proxyConfig": "src/proxy.conf.json" }, . . . 在JSON中不允许结尾逗号。
NOTE1 Loglevel为您提供了更多信息。
NOTE2感谢海峰的指导。