Как на angular 2 cli настроить proxy на backend сервер?

Question

[hobu4ok91]

после ng serve запускается сервер localhost:4000, нужно чтобы при обращении по localhost:4000/api или по другому порту запрос шел на мой локальный openserver на домен например test.ru. Как настроить проксирование подскажите?

Answer 1

[romych2004]

Создайте файл proxy.conf.json

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

В package.json укажите в блоке scripts:

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

Теперь вместо ng serve запускать командой
npm start

Comments

[hobu4ok91]

сделал как все как вы написали, но при переходе на localhost:4200/api апач всегда выдает ошибку: Object not foud. Error 404.

[romych2004]

hobu4ok91: порт надо другой указать, на одном порту вебпак и прокся работать не будут.

[hobu4ok91]

romych2004: backend у меня text.ru:80
и всеравно выдает ту же ошибку

Answer 2

[Олег]

Актуальный способ подключения прокси для angular cli изложен в документации Proxying to a backend server Теперь не нужно править файл package.json, создаём proxy.conf.json и подключаем его через angular.json