Настроить вызов ng для прокси-вызовов в/api?

Я создал новое приложение с CLI CLI, работает как шарм: ng new babysteps cd babysteps ng serve Для сборки приложения используется webpack. Чтобы полностью протестировать его, мне нужно обслуживать /api... из моего mock-сервера API (в частности, POST-запросов). Как настроить веб-сервер, чтобы перенаправить этот шаблон URL?

Сервер Webpack dev имеет параметр прокси, но кажется (?) ng serve не имеет файла конфигурации (или я не получилось).

Нужно ли создавать webpack.config.js или создавать/редактировать какой-либо другой файл в прокси?

Ответы

Ответ 1

Вы действительно можете настроить прокси для бэкэнда с угловым --proxy-config флагом --proxy-config.

Вот более-менее копия-вставка из документации:

Скажем, у нас есть сервер, работающий по адресу http://localhost: 3000/api, и мы хотим, чтобы все вызовы http://localhost: 4200/api переходили на этот сервер.

Мы создаем файл рядом с проектами package.json именем proxy.conf.json с содержимым

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

[...]

а затем мы редактируем скрипт запуска файла package.json чтобы

"start": "ng serve --proxy-config proxy.conf.json"

и запустить его с npm start