Как настроить Angular для удаленной работы с API Django?

Question

Я работаю с веб-приложением, front-end с угловым и back-end с django.Дело в том, что эти две платформы не работают на одном сервере.Как я могу настроить Angular для удаленной работы с API?(Я проверил API, и они просто отлично)

Answer 1

Проверьте настройки прокси для вашего проекта с Прокси-сервер на бэкэнд-сервер

В основном вам нужно создать файл proxy.conf.json и иметь такие настройки, как:

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

Затем вы можете определить ваше имя хоста, порт и доступные API, а также другие параметры.

Answer 2

ОК, после нескольких часов отладки я наконец нашел его.

FIRST

Создайте файл с именем proxy.conf.json в папке /src и заполните его следующим json:

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

Эта строка необходима: "changeOrigin": true,

THEN

Отредактируйте файл angular.json. В разделе projects найдите architect и добавьте эту строку в раздел options:"proxyConfig":"src/proxy.conf.json".Так должно выглядеть так:

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

NOTE1 Запятая в JSON не допускается.NOTE2 Loglevel дает вам больше информации.NOTE3 Спасибо Хайфэну за его руководство.