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

Question

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

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

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

Answer 1

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

Вот более или менее копипаст из documentation:

Скажем, у нас есть сервер, работающий на 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