Как в angular 2 cli настроить прокси для backend?

Question

[hobu4ok91]

В качестве backend использую openserver.
Суть ошибки: при переходе по адресу localhost:4200/api выходит ошибка Object Not Found Error 404
Создание файла proxy.conf.json с содержимым:

{
  "/api": {
    "target": "http://test.ru",
    "secure": false
  }
}

и запуском через ng serve --proxy-config proxy.conf.json - НЕ помогло. На stackoverflow тоже решение не нашел.
Как решить проблему?

Answer 1

[Mikhail Osher]

Если запрос с localhost:4200/api/foo/bar должен улететь на http://test.ru/foo/bar - тогда надо добавить строчку. И еще одну тоже желательно добавить.

{
  "/api": {
    "target": "http://test.ru",
    "pathRewrite": { "/api": "" }, // this line
    "changeOrigin": true, // and this too
    "secure": false
  }
}

Comments

[hobu4ok91]

Дружище, благодарю! Прям выручил)

[dmitry_shabalin]

а где нашел доку ?

[Mikhail Osher]

dmitry_shabalin: дедуктивным способом определил, что единственный вариант - http-proxy-middleware. https://www.npmjs.com/package/http-proxy-middlewar...

Answer 2

[Виталий]

Если правильно понял проблему, вам просто нужно сконфигурировать apache с помощью файла .htaccess
Я давненько не работаю с apache, изучите самостоятельно модули с RewriteRule: статику выдаём по прямому пути, а остальные адреса пробрасываем на index.html

Comments

[hobu4ok91]

А причем тут apach? у меня frontend сторона полностью ангуляре и backend это yii2, т.е клиентская сторона вообще о php ничего не знает. Кстати при переходе по адресу test.ru (это адрес backend) yii2 приложение нормально работает.

[Виталий]

У тебя кто страницу приложения выдаёт - frontend или backend?)

[hobu4ok91]

frontend

[hobu4ok91]

Если что я уже отметил решение, если интересно посмотри)

[Виталий]

hobu4ok91: ок, пардонс)