Ошибка загрузки ресурса: сервер отправил сообщение 404 (Not Found), когда приложение Angular отправлялось в облачное литейное производство.

Question

Я могу получить доступ к клиентскому серверу в Angular 5 из localhost: 4200 с концепцией Cross-Origin, но при развертывании приложения с помощью ng build в Pivotal Cloud Foundry получаю ошибку Не удалось загрузить ресурс: сервер ответил с статус 404 (не найден). Не в состоянии выяснить точную проблему. Я использую package.config.json как -

{
  "/api": {
    "target": "https://benifit.cfapps.io/api",
    "pathRewrite": {
    "^/api": ""
    },
    "changeOrigin": true
 }
}

Кроме того, я использую cf push -b staticfile_buildpack portal-app для отправки моего приложения в PCF. Подскажите пожалуйста где и чего мне не хватает

Answer 1

Вы ссылаетесь на файл конфигурации прокси с сервера angular-cli dev. Этот файл используется только для локальной разработки, чтобы избежать перекрестных запросов. Вы не можете использовать этот прокси после развертывания приложения.

Так что в вашем случае приложение Angular будет напрямую запрашивать ваш бэкэнд по следующему пути /api. Таким образом, вы должны убедиться, что API доступны на том же хосте (в облачном литейном). Когда API-интерфейс доступен только в benifit.cfapps.io/api, вам необходимо изменить базовый путь для ваших HTTP-запросов в приложении, а также позаботиться о том, чтобы разрешить перекрестные запросы на стороне API.